javascript - JS对象的属性覆盖问题-PHP中文网问答

讲师中心微信公众号

首页

文章

后端开发 web前端数据库开发工具 php框架常见问题人工智能 Java 系统教程电脑教程硬件教程手机教程软件教程游戏教程自媒体新闻

专题

后端开发 web前端数据库开发工具 php框架人工智能 Java 系统教程电脑教程硬件教程手机教程软件教程游戏教程新闻

AI工具

AI 聊天问答 Agent智能体 AI 文本写作 AI 绘画作图 AI 设计工具 AI 视频创作 AI 音频制作 AI 办公学习 AI 编程开发 AI 提示词

学习

大前端后端开发数据库移动端运维开发计算机基础

编程手册

大前端后端开发数据库移动端运维开发计算机基础

下载

js特效网站源码工具下载类库下载网站素材学习资源插件扩展手机游戏

最近更新

javascript - JS对象的属性覆盖问题

怪我咯 2017-04-11 11:02:06

[JavaScript讨论组]

851

推入数组时候对象变掉了

rows是用node-mysql取到的结果。

    for(var i of rows){
      var obj = {};
      var ar = [];
      if(i.name){
        obj.field_name = '1002';
        obj.field_value = '微信';
        obj.virtualAccount = i.id;
        console.log(obj);
        ar.push(obj);
        // obj = {}; 加上这行才正常
      }
      if (i.intro) {
        obj.field_name = '1001';
        obj.field_value = 'QQ';
        obj.virtualAccount = i.id;
        console.log(obj);
        ar.push(obj);
      }
      arr.push(ar);
    }
    console.log(arr);

这是运行结果。为什么微信没有push进去呢

怪我咯

走同样的路，发现不同的人生

全部回复(5)

阿神2017-04-11 11:04:06 5楼

你代码里不是自己写了么，被注释掉的那行加上就好了。

这里面还是对象引用的问题，ar.push(obj);第一个if里边push了微信的进去了，但是第二个if修改了obj的属性，所以第一个push进去的obj的属性就改变了，所以最终就是都变成第二次push进去的那个了

赞 +0

添加回复

巴扎黑2017-04-11 11:04:06 4楼

因为object,Array 为引用类型,举个栗子-

var a =[];
var b ={};
b.name = 'name1';
b.id = 1;

a.push(b);

b.name = 'name2'; //到这里 已经更改了原来的name值了
b.id = 2;

a.push(b);

赞 +0

添加回复

ringa_lee2017-04-11 11:04:06 3楼

LZ最好分离一下代码,在循环体外做一个创建object的方法,例如:

var _createObject = function(row){

        var obj = {
            id   : row.id,
            name : row.name
        };
        return obj;
    }

然后在你循环里去执行该方法 var obj = _createObject(row);

再有, 你的数组也需要定义在循环体之外;

赞 +0

添加回复

阿神2017-04-11 11:04:06 2楼

因为这里定义

for(var i of rows){
      var obj = {};
      var ar = [];
      if(i.name){
        obj.field_name = '1002';
        obj.field_value = '微信';
        obj.virtualAccount = i.id;
        console.log(obj);
        ar.push(obj);
        // obj = {}; 加上这行才正常
      }
      if (i.intro) {
        obj.field_name = '1001';
        obj.field_value = 'QQ';
        obj.virtualAccount = i.id;
        console.log(obj);
        ar.push(obj);
      }
      arr.push(ar);
    }
    console.log(arr);

这个for循环里面定义的。javascript ES5是没有块作用域的，所以你的你认为你的每次进到for都会清空一次obj对象，其实不是的,这个obj对象是在全局。所以你在push qq的时候已经改变了obj对象属性了。这样你明白了么？
我深入了一下js的原理给你解释。

赞 +0

添加回复