将项目添加到JSON对象

Question

I'm picking up a JSON object using a promise:

var x = get();
x.done(function(data) {
    for(var i in data) {

    }
});

which is returning this data when i do console.log(data);

[{…}]
0:
customer: "9028"
data:
active: "1"
customer: "9028"
description: ""
id: "13717"
inherited: "0"
name: "Out of Hours"
priority: "1"
shared: "0"
sound: ""
__proto__: Object
voip_seq: "4"
__proto__: Object
length: 1
__proto__: Array(0)

so that is working fine, but within my for loop, I want to add 2 items to data

I tried adding this into my .done

var obj = { name: "Light" };
data.push(obj);

But that didn't add to data

My for loop looks like this:

                 for(var i in data) {
                    var m = '<option value="' + data[i].data.id + '"'
                    if(data[i].data.id == selected_val) {
                        m += ' selected="selected"';
                    }
                    m += '>' + data[i].data.name + '</option>';
                    $('#' + value_element_id).append(m);
                }

Answer 1

If you want to add two more items to your select, you simply need to push new objects into your data array before your loop starts. The objects must contain the structure and properties ("name" and "id" within a "data" sub-property) matching the JSON coming from the Promise, so that your loop code can process them.

In the simplest case, it could be as straightforward as

x.done(function(data) {
  data.push({ "data": { "name": "light", "id": 1234 } });
  data.push({ "data": { "name": "dark", "id": 5678 } });

  for(var i in data) {
    var m = '<option value="' + data[i].data.id + '"'
    if (data[i].data.id == selected_val) {
      m += ' selected="selected"';
    }
    m += '>' + data[i].data.name + '</option>';
    $('#' + value_element_id).append(m);
  }
});

Demo: https://jsfiddle.net/a286b7fw/1/

Answer 2

In this case I think data is not an array so it hasn't .push() method. You can add property to object like this:

for(var i in data) {
  var m = '<option value="' + data[i].data.id + '"'
  if(data[i].data.id == selected_val) {
    m += ' selected="selected"';
  }
  m += '>' + data[i].data.name + '</option>';
  $('#' + value_element_id).append(m);

  // here it will add obj to data
  var obj = {name: "Light"};
  data = {
    ...data,
    obj
  }
}