遍历数组给对象赋值，取值失败

费话不多说，上代码

let data = [{ name: "全国", value: 17667301 },
        { name: "上海", value: 5444390 },
        { name: "北京", value: 48336011 },
        { name: "天津", value: 4622785 },
        { name: "广东", value: 74735080 },
        { name: "深圳", value: 22312193 },
        { name: "湖北", value: 12958797 },
        { name: "福建", value: 20141963 },
        { name: "重庆", value: 1500672 }]
        let arr = []
        let obj = {}
        data.forEach(i=>{
            obj.name = i.name
            obj.value = i.value
            arr.push(obj)
            console.log('你的情况如何',arr,obj);
        })

想一下会输出什么，是不是认为会把data里面的值原样输出过来

其实他是这样的。。。

 我相信你们也一定是这样的，要不然不会点进来-_-

重点来了

原因：

我看到有人是这样说的：因为obj是一个指针，每一次给到arr之后都会保存起来，遍历完数组之后，每一个obj指向的都是同一个对象

下面是我自己是理解的，不知道对不对：

因为arr.push(obj)的过程中，是一个浅拷贝的过程，这里arr拷贝的是obj的一个索引，并不是复制的整个对象，而每一次循环，obj的值改变的时候，索引不变，因此每一个值都会被后来的所覆盖

既然知道原因了，那么解决方案也就来了

解决

简单来说就一句话，把对象放到循环里面，就解决了

就一行代码，困了老夫3 4个小时，生气.......

        let data = [{ name: "全国", value: 17667301 },
        { name: "上海", value: 5444390 },
        { name: "北京", value: 48336011 },
        { name: "天津", value: 4622785 },
        { name: "广东", value: 74735080 },
        { name: "深圳", value: 22312193 },
        { name: "湖北", value: 12958797 },
        { name: "福建", value: 20141963 },
        { name: "重庆", value: 1500672 }]
        let arr = []
        data.forEach(i => {
            //每一次循环obj都会声明一个新对象，就不存前面所说的问题了
            let obj = {}
            obj.name = i.name
            obj.value = i.value
            arr.push(obj)
        })