ES6新增数组的一些思考和使用

ES6数组的新增

伪数组转换为数组的两种方法

Array.from()把一个伪数组转换为一个真正的数组

伪数组：有下标和length，但是不能使用数组方法

   let lis = document.querySelectorAll(‘.list li‘)
   lis.map(item => { return item })//lis.map is not a function

//通过form()方法转换之后就可以使用Array的方法
 let lis = document.querySelectorAll(‘.list li‘)
 lis = Array.from(lis)
 let rec = lis.map(item => { return item })//lis.map is not a function
        console.log(rec);

通过...展开运算符也可以转换为真正的数组[...lis]

数组扁平化

flat()

 let arr = [1, 2, 3, [3, 4, 5, [7, 8, 9]]]
 //arr.flat(层数)    
 console.log(arr.flat(Infinity));//1,2,3,4,5,6,7,8,9

flatMap()

Array arr.flatMap(function callback(currentValue[, index[, array]]) {
// 返回新数组的元素
}[, thisArg]) 方法首先使用映射函数映射每个元素，然后将结果压缩成一个新数组。它与 map 和 深度值1的 flat 几乎相同，但 flatMap 通常在合并成一种方法的效率稍微高一些

参数：
callback
可以生成一个新数组中的元素的函数，可以传入三个参数：
currentValue
当前正在数组中处理的元素
index可选
可选的。数组中正在处理的当前元素的索引。
array可选
可选的。被调用的 map 数组
可选参数：
thisArg
执行 callback 函数时 使用的this 值
返回值：
一个包含将数组与子数组中所有元素的新数组

除了indexof()之外的检索方法

arr.includes(valueToFind[, fromIndex]) 判断数组中是否包含一个指定的值

参数：
valueToFind 需要查找的值

可选参数：
从 fromIndex 处开始向后查找

返回值：
true 代表数组中包含 valueToFind， false 代表数组中不包含 fromIndex

ES6新增数组的一些思考和使用

原文：https://www.cnblogs.com/Code-Is-Fun/p/14769749.html