update nested value in object of objects with keys in javascript

Question

I have a nested object:

myObject {
  "fshkj78gds": {
    "name": "Joe",
    "created_at": {
      "nanoseconds": 745000000,
      "seconds": 1645468219,
    },
    "updated_at": {
      "nanoseconds": 0,
      "seconds": 1645471800,
    },
  },
  "gsdg987": {
    "name": "Mike",
    "created_at": {
      "nanoseconds": 745000000,
      "seconds": 1645468219,
    },
    "updated_at": {
      "nanoseconds": 0,
      "seconds": 1645471800,
    },
  },
}

I would like to convert created_at and updated_at in each nested object to only return the seconds instead as a number like so:

myObject {
  "fshkj78gds": {
    "name": "Joe",
    "created_at": 1645468219,
    "updated_at": 1645471800,
  },
  "gsdg987": {
    "name": "Joe",
    "created_at": 1645468219,
    "updated_at": 1645471800,
  },
}

I am thinking I will need a mix of map and Object.assign as well as spread operator?

So far I got to:

Object.assign({}, myObject, Object.values(myObject).map((nestedObject) =>
  Object.assign({}, nestedObject, {...nestedObject, created_at: nestedObject.created_at.seconds})
))

But this generates an array of objects and doesn't keep the original structure. What's the proper way to do this?

Can you modify the object in place, or do you need to return a new object? — Barmar
– Barmar, Commented Feb 21, 2022 at 21:04
To do it in place (modifying the original array and its original objects), use a for loop, adding a field — danh
– danh, Commented Feb 21, 2022 at 21:06
These are all great solutions, so it's hard to select which one is the right answer. I'm choosing @Barmar because it's the one I chose to use since I can modify the original object and in my use case ended up being the least verbose. Thank you all! — Ben
– Ben, Commented Feb 21, 2022 at 21:23

Barmar · Accepted Answer · 2022-02-21 21:07:47Z

3

Use forEach() to iterate over the values and then just reassign the properties.

Object.values(myObject).forEach(item => {
    item.created_at = item.created_at.seconds;
    item.updated_at = item.updated_at.seconds;
});

answered Feb 21, 2022 at 21:07

Barmar

789k57 gold badges554 silver badges669 bronze badges

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

Comments

Majed Badawi · Accepted Answer · 2022-02-21 21:06:08Z

2

Using Object#fromEntries, Object#entries, and Array#map:

const myObject = {
  "fshkj78gds": {
    "name": "Joe",
    "created_at": { "nanoseconds": 745000000, "seconds": 1645468219 },
    "updated_at": { "nanoseconds": 0, "seconds": 1645471800 }
  },
  "gsdg987": {
    "name": "Mike",
    "created_at": { "nanoseconds": 745000000, "seconds": 1645468219 },
    "updated_at": { "nanoseconds": 0, "seconds": 1645471800 }
  }
};

const res = Object.fromEntries(
  Object.entries(myObject).map(([ key, value ]) => ([
    key,
    { ...value, 'created_at': value['created_at'].seconds, 'updated_at': value['updated_at'].seconds,  }
  ]))
);

console.log(res);

answered Feb 21, 2022 at 21:06

Majed Badawi

28.5k4 gold badges30 silver badges56 bronze badges

1 Comment

Ben Over a year ago

Very cool! This directly demonstrate all I asked about.

medilies · Accepted Answer · 2022-02-21 21:18:03Z

1

for (let key in obj) {
  obj[key].created_at = obj[key].created_at.seconds;
  obj[key].updated_at = obj[key].updated_at.seconds;
}

edited Feb 21, 2022 at 21:18

answered Feb 21, 2022 at 21:12

medilies

2,2981 gold badge15 silver badges39 bronze badges

Collectives™ on Stack Overflow

update nested value in object of objects with keys in javascript

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related