将新元素推送到多维数组javascript中的obj数组

Question

I have an array of objects which is like

 [ { "id" : 1, "title" : "name1", "description" : "Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ut, nesciunt hic aut? Saepe nihil autem nesciunt, ab quisquam animi, aperiam fugit? Ut velit a, in perspiciatis error inventore. Dolorum, eligendi.", "image" : "sampledata/products/1.jpg", "price" : 10 }, { "id" : 2, "title" : "name2", "description" : "Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ut, nesciunt hic aut? Saepe nihil autem nesciunt, ab quisquam animi, aperiam fugit? Ut velit a, in perspiciatis error inventore. Dolorum, eligendi.", "image" : "sampledata/products/2.jpg", "price" : 100 }, { "id" : 3, "title" : "name3", "description" : "Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ut, nesciunt hic aut? Saepe nihil autem nesciunt, ab quisquam animi, aperiam fugit? Ut velit a, in perspiciatis error inventore. Dolorum, eligendi.", "image" : "sampledata/products/3.jpg", "price" : 200 } ] 

and I want to add new element to each obj like this, "count" : 12, I tried to do this using .push but it will add the count to the end of array instead of adding it to each obj, How can I solve this issue?

Answer 1

for(elem of array){
  elem["count"]=12;
}
//OR
for(key in array){
array[key]["count"]=12;
}
//OR
array.forEach(function(elem){
  elem["count"]=12;
}
//OR
newarray=array.map(function(el){
return el["count"]=12,el;
}

You cannot add to multiple elems, you have to loop trough and add to each one. It depends on you wich way you go (of the upper examples).

Also push is made for Arrays not for Objects (push adds just a value not a key, an object needs a key value pair).

Answer 2

For you will be easy to use map. Try this:

var result = [
    {
        "id" : 1,
        "title" : "name1",
        "description" : "Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ut, nesciunt hic aut? Saepe nihil autem nesciunt, ab quisquam animi, aperiam fugit? Ut velit a, in perspiciatis error inventore. Dolorum, eligendi.",
        "image" : "sampledata/products/1.jpg",
        "price" : 10
    },
    {
        "id" : 2,
        "title" : "name2",
        "description" : "Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ut, nesciunt hic aut? Saepe nihil autem nesciunt, ab quisquam animi, aperiam fugit? Ut velit a, in perspiciatis error inventore. Dolorum, eligendi.",
        "image" : "sampledata/products/2.jpg",
        "price" : 100
    },
    {
        "id" : 3,
        "title" : "name3",
        "description" : "Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ut, nesciunt hic aut? Saepe nihil autem nesciunt, ab quisquam animi, aperiam fugit? Ut velit a, in perspiciatis error inventore. Dolorum, eligendi.",
        "image" : "sampledata/products/3.jpg",
        "price" : 200
    }
  ].map(function(item) {
    item["test"] = "new item";
        return item; 
});

console.log(result);

Answer 3

you can add properties of object using forEach method.

and push is not method to add property of an object.

 var arr=[ { "id" : 1, "title" : "name1", "description" : "Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ut, nesciunt hic aut? Saepe nihil autem nesciunt, ab quisquam animi, aperiam fugit? Ut velit a, in perspiciatis error inventore. Dolorum, eligendi.", "image" : "sampledata/products/1.jpg", "price" : 10 }, { "id" : 2, "title" : "name2", "description" : "Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ut, nesciunt hic aut? Saepe nihil autem nesciunt, ab quisquam animi, aperiam fugit? Ut velit a, in perspiciatis error inventore. Dolorum, eligendi.", "image" : "sampledata/products/2.jpg", "price" : 100 }, { "id" : 3, "title" : "name3", "description" : "Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ut, nesciunt hic aut? Saepe nihil autem nesciunt, ab quisquam animi, aperiam fugit? Ut velit a, in perspiciatis error inventore. Dolorum, eligendi.", "image" : "sampledata/products/3.jpg", "price" : 200 } ] arr.forEach(function(a){a["count"] = 12}) console.log(arr); 

Answer 4

You could loop with Array#forEach and add a new property with a property accessor

 var data = [{ id: 1, title: "name1", description: "Lorem ipsum ...", image: "sampledata/products/1.jpg", price: 10 }, { id: 2, title: "name2", description: "Lorem ipsum ...", image: "sampledata/products/2.jpg", price: 100 }, { id: 3, title: "name3", description: "Lorem ipsum ...", image: "sampledata/products/3.jpg", price: 200 }]; data.forEach(function (a) { a.count = 12; }); console.log(data); 

 .as-console-wrapper { max-height: 100% !important; top: 0; } 

Answer 5

As below..

var arr=[
    {
        "id" : 1,
        "title" : "name1",
        "description" : "Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ut, nesciunt hic aut? Saepe nihil autem nesciunt, ab quisquam animi, aperiam fugit? Ut velit a, in perspiciatis error inventore. Dolorum, eligendi.",
        "image" : "sampledata/products/1.jpg",
        "price" : 10
    },
    {
        "id" : 2,
        "title" : "name2",
        "description" : "Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ut, nesciunt hic aut? Saepe nihil autem nesciunt, ab quisquam animi, aperiam fugit? Ut velit a, in perspiciatis error inventore. Dolorum, eligendi.",
        "image" : "sampledata/products/2.jpg",
        "price" : 100
    },
    {
        "id" : 3,
        "title" : "name3",
        "description" : "Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ut, nesciunt hic aut? Saepe nihil autem nesciunt, ab quisquam animi, aperiam fugit? Ut velit a, in perspiciatis error inventore. Dolorum, eligendi.",
        "image" : "sampledata/products/3.jpg",
        "price" : 200
    }
  ];
arr.forEach(function (obj) {
  obj.count = 12;
});

alert(arr[0].count);
alert(arr[1].count);
alert(arr[2].count);

Answer 6

The simple way is you need to use a loop

arr is your array.

for(var i=0;i<arr.length;i++) {
      var obj = arr[i];
     obj.count = 12;
}

Answer 7

  let arr = [ { "id" : 1, "title" : "name1", "description" : "Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ut, nesciunt hic aut? Saepe nihil autem nesciunt, ab quisquam animi, aperiam fugit? Ut velit a, in perspiciatis error inventore. Dolorum, eligendi.", "image" : "sampledata/products/1.jpg", "price" : 10 }, { "id" : 2, "title" : "name2", "description" : "Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ut, nesciunt hic aut? Saepe nihil autem nesciunt, ab quisquam animi, aperiam fugit? Ut velit a, in perspiciatis error inventore. Dolorum, eligendi.", "image" : "sampledata/products/2.jpg", "price" : 100 }, { "id" : 3, "title" : "name3", "description" : "Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ut, nesciunt hic aut? Saepe nihil autem nesciunt, ab quisquam animi, aperiam fugit? Ut velit a, in perspiciatis error inventore. Dolorum, eligendi.", "image" : "sampledata/products/3.jpg", "price" : 200 } ] arr.forEach((val) =>{val['count'] = 12;}) console.log(arr); 

hope this helps....