There is erro

Question

Why this code works so strange:

var Field = new Array(10).fill(new Array(10));
var N=10;
for(let i=0; i<N; i++){
for(let j=0; j<N; j++){
let tmpStr=i+"."+j;
Field[i][j]={cellId: tmpStr, isVisited: false, visible: 0};
}
}
for(let i=0; i<N; i++) {
for(let j=0; j<N; j++) {
console.log(Field[i][j].cellId);
}
}

CellId for all rows has 9.x format.

Answer 1

Igor

I apologize for the delayed response to follow up question.

There is nothing wrong with "var Field = new Array(10).fill(new Array(10));"
It just that the outcome from that line of code hinders what you are trying to accomplish. "When fill() gets passed an object, it will copy the reference and fill the array with references to that object."
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/fill

So all ten arrays are referencing the same memory location holding one array. Hence the reason for the 9.x. I created a demo based on your snippet of code. Think it may make more sense than my explanation
https://code.sololearn.com/WXHnFBV0Jq7a/#css

Answer 2

var field = [];
var N=10;
for(let i=0; i<N; i++){
field.push([]);
for(let j=0; j<N; j++){
let tmpStr=i+"."+j;
field[i].push({cellId: tmpStr, isVisited: false, visible: 0});
}
}

Answer 3

Can you give the code? Lol im lazy to copy it :))

Answer 4

Thank you.

Answer 5

What's wrong with var Field = new Array(10).fill(new Array(10)); ?

Answer 6

https://code.sololearn.com/WKQHsV1CvsLz/#js