Javascript add new field with value to specific object in an array

Question

I have an array of objects from a json like this

{  
   "images":[  
      {  
         "childFolder":[  
            {  
               "name":"Trước",
               "_id":"5ccbc1e4af2be32acd1da1dd"
            },
            {  
               "name":"Sau",
               "_id":"5ccbc1e4af2be32acd1da1dc"
            },
            {  
               "name":"X-Quang",
               "_id":"5ccbc1e4af2be32acd1da1db"
            }
         ]
      }
   ]
}

I want to add a field test with value yes like so

"test": "yes"

To an object with "name" = "Sau" using javascript

How can i do this? Any help would be appreciated :)

expected output would be {"name":"Sau", "_id":"5ccbc1e4af2be32acd1da1dc","test":"yes"} and other object still the same — Linh Nguyen
– Linh Nguyen, Commented May 3, 2019 at 4:35

Nikhil Aggarwal · Accepted Answer · 2019-05-03 04:36:18Z

2

You can use Array.forEach to iterate over the array and then check for name "Sau" and update the object.

let obj = {"images":[{"childFolder":[{"name":"Trước","_id":"5ccbc1e4af2be32acd1da1dd"},{"name":"Sau","_id":"5ccbc1e4af2be32acd1da1dc"},{"name":"X-Quang","_id":"5ccbc1e4af2be32acd1da1db"}]}]};

obj.images.forEach(img => img.childFolder.forEach(v => {
  if(v.name === "Sau") v.test = "yes";
}));

console.log(obj);

answered May 3, 2019 at 4:36

Nikhil Aggarwal

28.5k4 gold badges46 silver badges61 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Dedy Abdillah · Accepted Answer · 2019-05-06 16:26:37Z

1

If you don't want to loop an entire array, use find() instead. It will give you a better performance.

const obj = yourObject

obj.images
   .find(image => image.childFolder)
   .childFolder
   .find(person => person.name == 'Sau')
   .test = "yes"

edited May 6, 2019 at 16:26

answered May 6, 2019 at 15:46

Dedy Abdillah

494 bronze badges

Collectives™ on Stack Overflow

Javascript add new field with value to specific object in an array

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related