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

2021-10-28 684 阅读1分钟

一、解构赋值

1.1 数组的解构赋值

carbon (1).png

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

carbon (2).png

carbon (3).png

carbon (4).png

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

carbon (5).png

carbon (7).png

carbon (8).png

forEach不支持break continue关键字

carbon (1).png

map会返回新的数组，但不会改变原有数组 carbon (2).png

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

carbon (3).png

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

carbon (4).png

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

carbon (5).png

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

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

carbon (1).png

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

carbon (2).png

carbon (4).png