数组实例的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