通过for循环创建对象型数组,为什么数组每一项都是一样的,都是最后一个值

简单的例子:for循环遍历2个数组,分别添加给对象的2个属性,然后将对象添加到新数组,为什么最后新数组每一项都一样??


var arr=[]
var k={}
k.num=0
k.name=''
a=[1,2,3,4]
b=['tom','sun','bob','kiki']
for(i=0;i<4;i++)
{
    k.num=a[i];
    k.name=b[i];
    arr.push(k)
}
console.log(arr)

结果:[{name:'kiki,num:4},{name:'kiki,num:4},{name:'kiki,num:4},{name:'kiki,num:4}]

阅读 10.1k
4 个回答

k是一个对象,而且在内存中只有一个,循环中每次对k的属性赋值都在相同的内存空间里进行,所以push到arr中的4个对象都是相同的k对象,且因为最后给k属性赋值为

{
    name: 'kiki',
    num: 4
}

所以打印出这个效果。

可以这么改

for(i = 0; i < 4; i++)
{
    arr.push({
        num : a[i],
        name: b[i]
    })
}

javaScript 的对象是一种引用类型,k 这个对象一直是同一个应用,所以循环里面 push 了四次 k,可以在循环里面改变 k 的引用

for(i=0;i<4;i++)
{
    k = {};         // 让 k 等于一个新的对象
    k.num=a[i];
    k.name=b[i];
    arr.push(k)
}

原因楼上们都说了 对象是应用类型。
我的该法是你原代码不变。arr.push(k)这句话改成
arr.push(JSON.parse(JSON.stringify(k)));

Object是引用类型,引用类型的值是可变的,每次改变的是栈中k的指向,所以虽然有四个k,但最后指向的都是最后一次堆中的内容。

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题