数组知识点整理（最近看到）

数组实例的fill()

fill 方法使用给定值， 填充一个数组

['a', 'b', 'c'].fill(7) // [7,7,7]

fill方法还可以接受第二个和第三个参数，用于指定填充的起始位置和结束位置

['a', 'b', 'c'].fill(7, 1, 2) // ['a', 7, 'c']

注意，如果填充的类型为对象，那么被赋值的是同一个内存地址的对象，而不是深拷贝对象

let arr = new Array(3).fill({name: "Mike"});
arr[0].name = "Ben";
arr
// [{name: "Ben"}, {name: "Ben"}, {name: "Ben"}]

let arr = new Array(3).fill([]);
arr[0].push(5);
arr
// [[5], [5], [5]]

数组实例的 flat()，flatMap()

flat() 用于将嵌套的数组‘拉平’，变成一维的数组，该方法返回一个新数组，对原数据没有影响

[1, 2, [3, 4]].flat() // [1, 2, 3, 4]

如果不管有多少层嵌套，都要转成一维数组，可以用Infinity关键字作为参数

[1, [2, [3]]].flat(Infinity) // [1, 2, 3]
[1, 2, [3, [4, 5]]].flat(2) // [1, 2, 3, 4, 5]

flatMap()方法对原数组的每个成员执行一个函数（相当于执行Array.prototype.map()），然后对返回值组成的数组执行flat()方法。该方法返回一个新数组，不改变原数组

// 相当于 [[2, 4], [3, 6], [4, 8]].flat()
[2, 3, 4].flatMap((x) => [x, x * 2])
// [2, 4, 3, 6, 4, 8]

flatMap()只能展开一层数组

// 相当于 [[[2]], [[4]], [[6]], [[8]]].flat()
[1, 2, 3, 4].flatMap(x => [[x * 2]])
// [[2], [4], [6], [8]]

数组的空位

数组的空位指，数组的某一个位置没有任何值。比如，Array构造函数返回的数组都是空位

Array(3) // [, , ,]

注意，空位不是undefined，一个位置的值等于undefined，依然是有值的。空位是没有任何值，in运算符可以说明这一点

0 in [undefined, undefined, undefined] // true 数组的 0 号位置是有值的
0 in [, , ,] // false 数组的 0 号位置没有值

forEach(), filter(), reduce(), every() 和some()都会跳过空位。
map()会跳过空位，但会保留这个值
join()和toString()会将空位视为undefined，而undefined和null会被处理成空字符串

// forEach方法
[,'a'].forEach((x,i) => console.log(i)); // 1

// filter方法
['a',,'b'].filter(x => true) // ['a','b']

// every方法
[,'a'].every(x => x==='a') // true

// reduce方法
[1,,2].reduce((x,y) => x+y) // 3

// some方法
[,'a'].some(x => x !== 'a') // false

// map方法
[,'a'].map(x => 1) // [,1]

// join方法
[,'a',undefined,null].join('#') // "#a##"

// toString方法
[,'a',undefined,null].toString() // ",a,,"

ES6 则是明确将空位转为undefined

// Array.from方法
Array.from(['a',,'b']) // [ "a", undefined, "b" ]

// 扩展运算符（...）
[...['a',,'b']] // [ "a", undefined, "b" ]

// copyWithin方法
[,'a','b',,].copyWithin(2,0) // [,"a",,"a"]

// fill方法
new Array(3).fill('a') // ["a","a","a"]

// for...of
let arr = [, ,];
for (let i of arr) {
  console.log(1);
}
// 1
// 1

// entries方法
[...[,'a'].entries()] // [[0,undefined], [1,"a"]]

// keys方法
[...[,'a'].keys()] // [0,1]

// values方法
[...[,'a'].values()] // [undefined,"a"]

// find方法
[,'a'].find(x => true) // undefined

// findIndex方法
[,'a'].findIndex(x => true) // 0