10-28 04:17 阅读 85

关注

ES6-第二天之解构赋值与数组的遍历方式

一、解构赋值

1.1 数组的解构赋值

简而言之，解构赋值就是按照完全对应的模式=号左右匹配起来，是惰性的，与之对应的右边有值就用，没有值就是默认值或者undefined(如下最后一个例子)

1.2 对象的解构赋值

1.3 字符串解构赋值

其实字符串的解构赋值与数组一模一样

1.4 解构赋值的应用场景

二、ES5中数组的各种遍历方式

2.1 for

2.2 forEach

forEach不支持break continue关键字

2.3 map

map会返回新的数组，但不会改变原有数组

2.4 filter

filter会返回新的数组，但不会改变原有数组，过滤掉不符合条件的元素

2.5 some

some的返回值是布尔值，只要有一个符合条件的元素，就返回true

2.6 every

返回值是布尔值，所有元素都满足条件才返回true

2.7 recude

2.8 for in

for in 在遍历数组时，会把数组下边的方法也遍历出来，所以我们不应该使用for in 来遍历数组

三、ES6中数组的遍历方式

3.1 find

遇到第一个符合的元素就返回该元素，没有就返回undefined

3.2 findIndex

遇到第一个符合条件的元素就返回该元素的下标

3.3 for of

作者：前端小乌龟
链接：https://juejin.cn/post/7024002230818701342