使用new Array(x)初始化数组高级进阶语法

var arr = new Array(5)consele.log(arr) // [empty × 5] 他本身是不具有迭代器的，所以没有数组原型上的API// 这个时候需要初始化我们的数组让我们的数组，所以扩展出了fill方法var arr = new Array(5).fill([])consele.log(arr) // [Array[0] * 5] 这样我们就初始化好了我们的数据,那如果

颜笑·

1154人浏览 · 2021-10-15 17:18:54

颜笑· · 2021-10-15 17:18:54 发布

var arr = new Array(5)
consele.log(arr) // [empty × 5] 他本身是不具有迭代器的，所以没有数组原型上的API


// 这个时候需要初始化我们的数组让我们的数组，所以扩展出了fill方法
var arr = new Array(5).fill([])
consele.log(arr) // [Array[0] * 5] 这样我们就初始化好了我们的数据,那如果需要更复杂的数据呢?


var arr = new Array(5).fill([]).map(item => {
return [1,2，3,4，5,6]
})
consele.log(arr) // [[1,2，3,4，5,6] * 5] 但是这样每一项都是一样的，还有更高级的处理方法吗？ 有的！


var arr = new Array(5).fill([]).map(item => {
return [1,2，3,4，5,6]
}).map((item,index) => {
 return Array.from(item,x => x + index * 6) // 注意这里是from，不是Dom元素中的form,不要拼错！
 // Array.from可以选择处理数组中的每一项，是map的高级版 语法是 Array.from([], x => x * 2)
})
consele.log(arr) // 最后生成如下