js数组遇到的问题

初始化一个二维数组

const arr = new Array(length).fill([])

这里有一个问题，fill添加数组是浅拷贝，这会导致任何一个子数组的改变都会影响其他数组。

所以正确的应该是这样

let arr = new Array(length).fill(0).map(_=> new Array())

数组forEach和map的区别

map() 方法创建一个新数组，这个新数组由原数组中的每个元素都调用一次提供的函数后的返回值组成。

map(callbackFn)
map(callbackFn, thisArg)

callbackFn

为数组中的每个元素执行的函数。它的返回值作为一个元素被添加为新数组中。该函数被调用时将传入以下参数：

• element
• 数组中当前正在处理的元素。
• index
• 正在处理的元素在数组中的索引。
• array
• 调用了 map() 的数组本身。

thisArg 可选

执行 callbackFn 时用作 this 的值。

 由于 map 创建一个新数组，在没有使用返回的数组的情况下调用它是不恰当的；应该使用 forEach 或 for...of 作为代替。

forEach() 方法对数组的每个元素执行一次给定的函数。

forEach(callbackFn)
forEach(callbackFn, thisArg)

callbackFn

为数组中每个元素执行的函数。并会丢弃它的返回值。该函数被调用时将传入以下参数：

• element
• 数组中正在处理的当前元素。
• index
• 数组中正在处理的当前元素的索引。
• array
• 调用了 forEach() 的数组本身。

thisArg 可选

执行 callbackFn 时用作 this 的值。

返回值：undefined

forEach() 不会改变其调用的数组，但是，作为 callbackFn 的函数可以更改数组。请注意，在第一次调用 callbackFn 之前，数组的长度已经被保存。因此：

• 当调用 forEach() 时，callbackFn 不会访问超出数组初始长度的任何元素。
• 已经访问过的索引的更改不会导致 callbackFn 再次调用它们。
• 如果 callbackFn 更改了数组中已经存在但尚未访问的元素，则传递给 callbackFn 的值将是在访问该元素时的值。已经被删除的元素不会被访问。