为什么我要得到一个有6个数组(6)而不是6个数组(1)的数组？

Question

我试图得到一个数组，里面有一些数组，每个内部数组都应该包含2的n次方之一，而不是全部。

​

let n = 5;
    let arr = Array(n + 1).fill([]);
    const transform = function (el, i) {
      el.push(2 ** i);
    };
    console.log(arr); // [Array(0), Array(0), Array(0), Array(0), Array(0), Array(0)]
    arr.map(transform);
    
    console.log(arr); //[Array(6), Array(6), Array(6), Array(6), Array(6), Array(6)]
    //was expecting //[[1], [2], [4], [8], [16], [32]]

​

Answer 1

当使用fill时，它们共享同一个实例。所以改变一个会改变所有其他的。填充后需要使用map

new Array(6).fill(null).map(() => []).map(transform)

Answer 2

使用传统的for循环来完成最终结果可能更容易。使用map和transform是一种更为迂回的方法，可以执行以下操作：

​

let n = 5;
let arr = [];
for (let i = 0; i <= n; i++) {
  arr.push([2**i]);
}
console.log(arr);

​

Answer 3

Fill只是通过引用该数组来设置每个索引。它并不是在每个索引中创建一个新数组。

创建数组并用空数组填充数组的最简单方法是使用Array.from。

​

const n = 5;
const transform = (arr, index) => arr.push(2 ** index);
const myArray = Array.from({length: n}, () => []);
myArray.forEach(transform);
console.log(myArray);

​