在运行时在javascript数组中添加对象

Question

mRegion对象多次添加最后一个对象，但是objBeacon打印不同的对象。 mRegion有什么问题？

      var mRegion = new Array();

      var objBeacon = {
          id: '10',
name:'name',   
          description: 'description'
      };
      $.ajax(settings).done(function(response) {
                  // populate beacon registry in an array
                  for (var i in response.items[0].devices) {
                      objBeacon.id = response.items[0].devices[i].id;
                      objBeacon.name = response.items[0].devices[i].name;
                      objBeacon.description = response.items[0].devices[i].description;


                      console.log("value of i is" + i);
                      console.log(objBeacon);

                      mRegion.push(objBeacon);
                  }
                  console.log(mRegion);

Answer 1

javascript中的对象通过引用传递。 您只有一个变量objBeacon并且每个数组元素都指向该变量。 每当您更改objBeacon ，所有引用都会更改。

var mRegion = [];

$.ajax(settings).done(function(response) {
  // populate beacon registry in an array
  for (var i in response.items[0].devices) {
    mRegion.push({
      id: response.items[0].devices[i].id,
      uid: '00',
      major: 1,
      minor: 1,
      name: response.items[0].devices[i].name,
      description: response.items[0].devices[i].description
    });
  }
});

Answer 2

您只能创建一个对象，并将其引用分配给objBeacon 。

每次您遍历循环时，都会修改您拥有的单个对象，并将对该对象的其他引用推入数组。

如果要使用一组不同的对象，则每次循环时都需要创建一个新对象。

Answer 3

使用对象时，将使用“引用”而不是“克隆”。

该代码应该工作（即使它不是很漂亮）

var mRegion = new Array();


$.ajax(settings).done(function(response) {
    // populate beacon registry in an array
    for (var i in response.items[0].devices) {
        var objBeacon = {
            id: '10',
            uid: '00',
            major: 1,
            minor: 1,
            name: 'name',
            description: 'description'
        };

        objBeacon.id = response.items[0].devices[i].id;
        objBeacon.name = response.items[0].devices[i].name;
        objBeacon.description = response.items[0].devices[i].description;


        console.log("value of i is" + i);
        console.log(objBeacon);

        mRegion.push(objBeacon);
    }
    console.log(mRegion);
});