代码之家 › 专栏 › 技术社区 › João Otero

我在这个Javascript数组行为中遗漏了什么?[副本]

google-chrome-devtools javascript

João Otero · 技术社区 · 2 年前

我在chrome开发工具控制台中尝试了以下操作:

let a = [[null,null],[null,null]]

function na(){ return Array(2).fill(Array(2)) }
let b = na();

console.log(JSON.stringify(a))
// [[null,null],[null,null]]

console.log(JSON.stringify(b))
// [[null,null],[null,null]]

到目前为止,一切顺利。我都期待着一和 b 具有相同的值和结构。然后我想测试一个小函数,它应该在每一行中附加一个额外的值:

function add(x) { x.map( line => line.push(null) )}

add(a)
console.log(JSON.stringify(a))
// [[null,null,null],[null,null,null]]

add(b)
console.log(JSON.stringify(b))
// [[null,null,null,null],[null,null,null,null]]
// ?! I was not expecting this extra value here...

这真是出乎意料。为什么是额外的 无效的 出现在 add(b) ?

1 回复 | 直到 2 年前

lejlun Jason 2 年前

function na(){
    return Array(2).fill(Array(2))
}

na() 填补空白 Array(2) 具有 shallow copies 第二个的 阵列(2) 对象

因此,更改任何克隆中的值都会更改阵列在任何位置的值。

a = Array(5).fill(Array(3))

a[0][0] = 1
a[0][1] = 2
a[0][2] = 3

console.log(JSON.stringify(a))

所以因为 b 有2个元素,您正在使用 .push() 将元素添加到 b 对于每个(相同)数组,将向数组中添加2个新元素。

推荐文章

João Otero · 我在这个Javascript数组行为中遗漏了什么?[副本]

2 年前

darwhite · Dom未在web浏览器for web中显示所有内容。WhatsAppcom[关闭]

2 年前

Felkru · 为什么我的内容在devtools响应大小中没有完全填满

2 年前

edjm · 如何使用浏览器调试器控制台窗口显示箭头函数=>{…}房产?

2 年前

ioliano · 是否有可能像Chrome开发者网络一样在android中嗅探请求?

6 年前

Hamdi Alp · 镀铬。存储同步设置和获取失败

6 年前

toshi · 如何安装debuggerWorker。反应本机调试器上的js?

6 年前

Oak · 我可以从devtools控制台截图吗?

6 年前

Stephan Ahlf · 如何找出触发HTML导航的位置

6 年前

VELFR · 如何在使用Papa解析框架将CSV文件转换为JSON时处理“未定义”错误?

6 年前