Странное поведение массива, заполненного Array.prototype.fill ()

В ES6 я рекомендую этот метод для создания 2-х или многомерных массивов:

// create an M x N dimension grid and fill it with 0's
const myArray = [...Array(M)].map(r => [...Array(N)].map(r => 0));

Как вы можете заметить, используя array.fill, вы заполняете массив ссылкой на тот же массив,

Если вы хотите создать экземпляр каждого индекса массива в пустом массиве, то обычный цикл while сделает:

var arr = [];
var n = 5
while(n--)
  arr[n] = []

arr[2].push("third rank item");
console.log(arr);

Вариант 2:
если у вас есть доступный пакет lodash, вы также можете использовать _.map, так как он специально предназначен для обхода разреженного массива (нативная карта пропускает неинициализированные значения)

var arr =_.map(new Array(5), (x => []))

arr[2].push("third rank item");
console.log(arr)

<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.2/lodash.min.js"></script>

Попробуйте это, это быстрое решение для вас в одной строке.

var arr = new Array(5);
arr = Array.from(arr, x => []);
arr[2].push("third rank item");
console.log(arr);

Это происходит из-за ссылки. Массив - это тип объекта, и объект работает со своими ссылками, когда вы заполняете свой массив [] or new Array(), заполняете только заполняемые прогоны и помещаете один и тот же массив во все индексы, поэтому при обновлении подмассива все обновляются.

Решение:

let arr = new Array(5).fill(0).map(ele => ele = []); arr[2].push("something");

Или

let arr = Array.of([], [], [], []); arr[2].push("something");

Результат: как и ожидалось, обновляется только 2 индекса из arr.

Вы можете попробовать это,

var arr = new Array(5);
var i = 0;
while (i < arr.length)
  arr.fill([], i++);
arr[2].push("third rank item");
console.log(arr);

Одиннадцатая строка документа ECMA Array.prototype.fill явно дает причину для тайны.

Повторите, пока к <финал

Пусть Pk будет ToString (k).

Пусть setStatus будет Set (O, Pk, значение, true).

ReturnIfAbrupt ( setStatus ) .

Увеличьте k на 1.

Здесь «значение» - это просто полученная ссылка. И они устанавливают это как свойство для массива напрямую. Это означает, что все заполненные массивы являются просто ссылкой на один объект массива.