How to modify the property of nested object using key detail

Question

I have a nested object having structure like this:

let obj = {
  id1: {
    key1: value1,
    files: {
      fileid1: {},
      fileid2: {}
    }
  },
  id2: {
    key1: value1,
    files: {
      fileid3: {},
      fileid4: {}
    }
  }
}

I have an existing file id , I need to find that file id from this object and update the data of the object. let say I have file id that is equal to fileid3 How can I do this ?

So you just want to get the object corresponding to fileid3? — nick zoum
– nick zoum, Commented Dec 18, 2019 at 8:18
@nickzoum yes, i need to update the key value pairs for fileid3 object — kindacoder
– kindacoder, Commented Dec 18, 2019 at 8:19

Sachintha Nayanajith · Accepted Answer · 2019-12-18 09:23:59Z

1

let obj = {
    id1: {
        key1: "value1",
        files: {
            fileid1: {},
            fileid2: {}
        }
    },
    id2: {
        key1: "value1",
        files: {
            fileid3: {},
            fileid4: {}
        }
    }
}

function changeObj(obj, field, value) {
    Object.keys(obj).forEach(key => {

        if (obj[key].files.hasOwnProperty(field))
            obj[key].files[field] = value;

    });
    return obj;
}

console.log(changeObj(obj, "fileid3", "new Value"));

answered Dec 18, 2019 at 9:23

Sachintha Nayanajith

7315 silver badges12 bronze badges

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

Comments

nick zoum · Accepted Answer · 2019-12-18 08:21:43Z

0

Just use Object.values to iterate through the first level of the object and check if the files object contains the property you are looking for using the in operator.

let obj = {
  id1: {
    key1: "value1",
    files: {
      fileid1: {},
      fileid2: {}
    }
  },
  id2: {
    key1: "value1",
    files: {
      fileid3: {},
      fileid4: {}
    }
  }
};

editFileID("fileid3", "new value");
console.log(obj.id2.files.fileid3);

function editFileID(fileID, newValue) {
  Object.values(obj).some(function(obj) {
    if (fileID in obj.files) {
      obj.files[fileID] = newValue;
      return true;
    }
  });
}

answered Dec 18, 2019 at 8:21

nick zoum

6,6538 gold badges43 silver badges93 bronze badges

Comments

Nick Parsons · Accepted Answer · 2019-12-18 08:34:54Z

0

You can use .find() on the Object.values() of your object. For each value (ie object), you can check whether the .files object has the property of the fileid you pass into your function. If it does you can return true by using .hasOwnProperty(). You can then use .files[id] on the return value of .find() to get your object:

const obj = { id1: { key1: "value1", files: { fileid1: {}, fileid2: {} } }, id2: { key1: "value1", files: { fileid3: {}, fileid4: {} } } };

const findObjectByFile = (obj, id) => 
  (Object.values(obj).find(({files}) => files.hasOwnProperty(id)) || {files: {}}).files[id];
 
const file_obj = findObjectByFile(obj, "fileid");
file_obj.foo = "bar";
console.log(obj);

edited Dec 18, 2019 at 8:34

answered Dec 18, 2019 at 8:21

Nick Parsons

51.7k6 gold badges62 silver badges80 bronze badges

Comments

SU7 · Accepted Answer · 2019-12-18 08:36:08Z

Here is the example JSON object:

const myJSONExample = {
  id1: {
    key1: "value1",
    files: {
      fileid1: "2",
      fileid2: "3"
    }
  },
  id2: {
    key1: "value1",
    files: {
      fileid3: "4",
      fileid4: "5"
    }
  }
}

Now iterate over the object, find your specific key and update its value. If a key is a nested object, we use recursion.

const iterate = (obj) => {
    Object.keys(obj).forEach(key => {

    if(key == 'fileid3'){
      obj[key] = 'asd';
    }
    if (typeof obj[key] === 'object') {
            iterate(obj[key])
        }
    })

}

iterate(myJSONExample);
console.log(myJSONExample);

OUTPUT:

{ 
  id1: 
     { 
       key1: 'value1', 
       files: 
            { fileid1: '2', fileid2: '3' }
     },  
  id2: 
     { 
       key1: 'value1', 
       files: 
           { fileid3: 'asd', fileid4: '5'} 
     } 
 }

fileid3 value has been updated

reference link: Iterate through Nested JavaScript Objects

Collectives™ on Stack Overflow

How to modify the property of nested object using key detail

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related