JavaScript高级(11) 完结撒花

2022-09-20 20:35:53 浏览数 (1)

剩余参数和解构搭配使用

如果我们直接将变量写成s1,s2的话,那么s1对应的就是张三,s2对应的就是李四.得出的结果是这样的:

如果我们将变量写成s1,...s2,那么s1代表张三,s2代表['李四','王五'];

ES6的内置对象扩展

Array的扩展方法

扩展运算符(展开语法)

扩展运算符可以将数组或者对象转换成用逗号分隔的参数序列

没有逗号是因为,console.log(...arg)相当于console.log(1,2,3),但是逗号被console.log当成了参数分隔符,因此没有了逗号

扩展运算符用于数组合并:

也可以数组追加数组:

利用扩展运算符将伪数组转换成真正的数组:

Array.from( )

将伪数组或可遍历对象转换成真正的数组

Array.find( )

用于找出第一个符合条件的数组成员,如果没有找到就返回undefined

String扩展方法

模板字符串

模板字符串中可以解析变量,且模板字符串是可以换行的,所以可以排版的非常美观

注意,这里用的是反引号

startsWith( )和endsWith( )

startsWith:表示参数字符串是否在原字符串的头部,返回布尔值

endsWith:表示参数字符串是否在原字符串的尾部,返回布尔值

repeat( )方法

repeat方法将原字符重复n次,返回一个新字符串.

ES6提供了新的数据结构Set,它类似于数组,但是成员的值都是唯一的,没有重复的值.可以用来去重.

Set本身是一个构造函数,用来生成Set数据结构.

到这里差不多就完结啦,js高级和ES6的部分,虽然学的比较浅,后面再往深里学吧,现在要开始疯狂复习以前的内容了!

0 人点赞