Почему результат выполнения функции разный для одинаковых массивов?

Question

[Даниил Попов]

Созданные по разному массивы с одинаковой структурой, при выполнении функции выдают разный результат. Где собака зарыта?

Пример, https://jsfiddle.net/ykf06yp1/

Comments

[iBird Rose]

достаточно сделать console.log массивов сразу после их создания, чтобы увидеть, что они не одинаковые:

[sim3x]

iBird Rose, загружайте картинки на хабрасторадж

[Владимир Проскурин]

iBird Rose, они не одинаковые, т.к. передаются по ссылке в функцию, где и меняются.

[Даниил Попов]

iBird Rose, на вашем скриншоте результат выполнения функции, на вход которой покупают 2, с виду, одинаковых массива. В этом и вопрос, почему результат разный

[Владимир Проскурин]

iBird Rose, да и к тому же, в консоли массив считается после раскрытия, а не в строке с console.warn, так что не важно куда вставлять т.к. он может потом изменится, только ссылка копируется.

Answer 1

[Владимир Проскурин]

У вас в array1 не массив массивов, а массив ссылок на массив (одинаковой). array1[0] === array1[1] выведет true.
UPD: т.е. это не одинаковые массивы. При изменении элементов array1[0] будет меняться array1[1], поэтому такие баги.

Comments

[Даниил Попов]

Похоже, вы правы. Ну хоть загадочность происходящего развеялась. Спасибо

[Даниил Попов]

Владимир Проскурин ,
Чуть менее лаконично, но с нужным результатом:

Array(4).fill(null).map((row) => Array(4).fill(0));

Как думаете, через Array(n).fill(Array(m).fill(...)) возможно реализовать?

[Владимир Проскурин]

Даниил Попов, не думаю, при передаче аргумента, используется один объект, через функцию самое простое решение (с map). И любое другое решение будет не короче вашего с map. Только если написать свою реализацию fill в прототипе Array, но такое решение будет еще длиннее, уж лучше решение с map обернуть в функцию.