在 JavaScript 的循环内更改 object 值

Question

I have an array of objects like this:

const data = [{
  _id:"49847444033",
  name:"yoko"
},{
  _id:"49847433333",
  name:"doira"
}]

I have to change each item name property to something like this:

...
{
  _id:"49847433333",
  name:{
      en:"John"
    }
}

My attempt is to loop object like following:

data.forEach((item) => {
   item.name = {en:"john"}
   console.log(item)
})

But this always console the original item and the name property value is not modified.

Answer 1

const newData = data.map(user => ({ _id: user._id, name: { en: user.name } }))

Answer 2

try somthing like:

const newList = data.map(obj => {
return { _id: obj._id, name: { en: obj.name } }
});

and the newList list is your new data list so you can do it:

data = newList;

EDIT:

if you have more properties you can change the return line to:

return { ...obj, name: { en: obj.name } }

what will happen here, it will deploy all the object properties as they are, and modify the name property, unfortunately, every property you want to modify, you have to re-write it.

Answer 3

I created a library to express transformations like this very simply.

const { pipe, fork, get } = require('rubico')

const data = 
    [ { _id: '49847444033', name: 'yoko'} 
    , { _id: '49847433333', name: 'doira'} 
    ]

const onData = pipe([
  fork({
    _id: get('_id'), // data => data._id
    name: fork({ en: get('name') }), // data => ({ en: data.name })
  }),
  console.log,
])

data.map(onData) /*
{ _id: '49847444033', name: { en: 'yoko' } }
{ _id: '49847433333', name: { en: 'doira' } }
*/

I've commented the code above, but to really understand rubico and get started using it, I recommend you read the intuition and then the docs