Почему 2х мерный созданный через new Array() при перезаписи ячейки перезаписывает все элементы в колонке?

Question

[Mazino]

const array = new Array(3).fill(new Array(3).fill(false))
/*
 * array =
 * [[false,false,false],
 * [false,false,false],
 * [false,false,false]]
 */

Если перезаписать элемент [0][0]
array[0][0] = !array[0][0]
То на выходе массив будет выглядеть так:

/*
*[[true,false,false],
*[true,false,false],
*[true,false,false]]
*/

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

Answer 1

[v3shin]

new Array(3).fill(false) создает массив. new Array(3).fill(массив) создает родительский массив, в качестве значений которого использует один и тот же массив. Получаются три ссылки на один объект.

const array = new Array(3).fill('').map(() => new Array(3).fill(false))

Comments

[Mazino]

спасибо, вроде понял