ES6学习笔记 —— 数组
一、数组扩展创建
1. Array.from方法用于将两类对象转为真正的数组：类似数组的对象（array-like object）和可遍历（iterable）的对象（包括ES6新增的数据结构Set和Map），可以接受第二个参数，用来对每个元素进行处理，将处理后的值放入返回的数组。
2. Array.of方法用于将一组值，转换为数组，弥补数组构造函数Array()的不足。
3. Array方法没有参数、一个参数、三个参数时，返回结果都不一样。只有当参数个数不少于2个时，Array()才会返回由参数组成的新数组。参数个数只有一个时，实际上是指定数组的长度
Array.from([1, 2, 3]) 等同于 Array.of(1, 2, 3)
二、查找
find()：用于找出第一个符合条件的数组元素。
findIndex：返回第一个符合条件的数组元素的位置，如果所有元素都不符合条件，则返回 -1 。
let List = [1,2,3,4]
List.find(item=>item>3) //4
List.findIndex(item=>item>3) //3
let arr = [
{id:1,name:'AAA'},
{id:2,name:'BBB'},
{id:3,name:'CCC'},
{id:4,name:'DDD'}
]
arr.find(item=>item.id==1) //{id:1,name:'AAA'}
arr.findIndex(item=>item.id==1) //0
三、填充
fill()：将一定范围索引的数组元素内容填充为单个指定的值。
copyWithin()：将一定范围索引的数组元素修改为此数组另一指定范围索引的元素。
[1,2,3,4].fill(0,1,2) // [1, 0, 3, 4] [1, 2, 3, 4, 5].copyWithin(0, 3, 4) // 将3号位复制到0号位, [4, 2, 3, 4, 5]
四、遍历数组
keys() ：对键名的遍历
values()： 对键值的遍历
entries()： 对键值对的遍历
for (let index of ['a', 'b'].keys()) {
console.log(index);
}
// 0
// 1
for (let elem of ['a', 'b'].values()) {
console.log(elem);
}
// 'a'
// 'b'
for (let [index, elem] of ['a', 'b'].entries()) {
console.log(index, elem);
}
// 0 "a"
// 1 "b"
五、包含
includes()：数组是否包含指定值。
注意：与 Set 和 Map 的 has 方法区分；Set 的 has 方法用于查找值；Map 的 has 方法用于查找键名。
- Map 结构的 has 方法，是用来查找键名的，比如 Map.prototype.has(key) 、 WeakMap.prototype.has(key) 、 Reflect.has(target, propertyKey) 。
- Set 结构的 has 方法，是用来查找值的，比如 Set.prototype.has(value) 、 WeakSet.prototype.has(value) 。
// 参数1：包含的指定值
[1, 2, 3].includes(1); // true
// 参数2：可选，搜索的起始索引，默认为0
[1, 2, 3].includes(1, 2); // false
// NaN 的包含判断
[1, NaN, 3].includes(NaN); // true
六、数组扁平化
flat()：方法将子数组的成员取出来，添加在原来的位置，flat() 方法的参数写成一个整数，表示想要拉平的层数，默认为1。
flatMap()：方法对原数组的每个成员执行一个函数（相当于执行 Array.prototype.map() ），然后对返回值组成的数组执行 flat() 方法。该方法返回一个新数组，不改变原数组。
[1, 2, [3, [4, 5]]].flat() // [1, 2, 3, [4, 5]] [1, 2, [3, [4, 5]]].flat(2) // [1, 2, 3, 4, 5] [1, [2, [3]]].flat(Infinity) //不管有多少层嵌套，都要转成一维数组 [1, 2, 3] [1, 2, , 4, 5].flat() // 跳过空位 [1, 2, 4, 5] // 相当于 [[2, 4], [3, 6], [4, 8]].flat() [2, 3, 4].flatMap((x) => [x, x * 2]) // [2, 4, 3, 6, 4, 8] // 相当于 [[[2]], [[4]], [[6]], [[8]]].flat() [1, 2, 3, 4].flatMap(x => [[x * 2]]) // [[2], [4], [6], [8]]
七、合并数组
[...[1, 2],...[3, 4]] //[1, 2, 3, 4]
八、复制数组
let arr = [1, 2]
let arr1 = [...arr] // [1, 2]
// 数组含空位
let arr2 = [1, , 3]
let arr3 = [...arr2] // [1, undefined, 3]
