How to modifiy array object in javascript?

Question

I have two array. 1) userDetails, engToGerman

const userDetails= [
  {
    firstName: 'Michael Scott',
    lastName: 'Dunder Mufflin',
    designation: 'Regional Manager',
    show: 'The Office',
    responsibility: 'heart of the show'
  },
  {
    firstName: 'Michael Scott',
    lastName: 'Dunder Mufflin',
    designation: 'Regional Manager',
    show: 'The Office',
    responsibility: 'heart of the show'

  },
  {
    firstName: 'Michael Scott',
    lastName: 'Mufflin',
    designation: 'Regional Manager',
    show: 'The Office',
    responsibility: 'heart of the show'

  },
]

engToGerman = [ 
   firstName: 'name',
   lastName: 'vorname'
]

Now I would like to modify user details like below where I translate the first name and last name from engToGerman and want to delete the rest of the information.

So the new user detail will look like this:

const newUserDetails= [
  {
    name: 'Michael Scott',
    vorname: 'Dunder Mufflin',
  },
  {
    name: 'Michael Scott',
    vorname: 'Dunder Mufflin',

  },
  {
    name: 'Michael Scott',
    vorname: 'Mufflin',

  }
]

How can I achieve this without modifying the original array?

Hassan Imam · Accepted Answer · 2021-06-23 14:41:50Z

1

You can use array#map to map firstName and lastName.

const userDetails= [ { firstName: 'Michael Scott', lastName: 'Dunder Mufflin', designation: 'Regional Manager', show: 'The Office', responsibility: 'heart of the show' }, { firstName: 'Michael Scott', lastName: 'Dunder Mufflin', designation: 'Regional Manager', show: 'The Office', responsibility: 'heart of the show' }, { firstName: 'Michael Scott', lastName: 'Mufflin', designation: 'Regional Manager', show: 'The Office', responsibility: 'heart of the show' }, ],
    engToGerman = { firstName: 'name', lastName: 'vorname'},
    result = userDetails.map(o => ({ [engToGerman.firstName]: o.firstName, [engToGerman.lastName]: o.lastName }));
console.log(result);

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

answered Jun 23, 2021 at 14:41

Hassan Imam

22.6k6 gold badges45 silver badges53 bronze badges

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

Comments

CoolGoose · Accepted Answer · 2021-06-23 14:32:40Z

1

Easy version similar to the question / response here

let cloned = JSON.parse(JSON.stringify(userDetails));

Then you can do your normal array map or whatever else you need.

answered Jun 23, 2021 at 14:32

CoolGoose

5281 gold badge5 silver badges16 bronze badges

1 Comment

Kazi Over a year ago

thank you so much. I was having difficulties to clone the array. nice solution @coolgoose

Ihtisham Tanveer · Accepted Answer · 2021-06-23 14:44:32Z

0

here is the solution

const newUserDetails = [];

for(let item in userDetails){ //iterate through the entire array
  const obj = {
    name : userDetails[item].firstname,
    vorname: userDetails[item].lastname
  }
  newUserDetails.push(obj);

}

answered Jun 23, 2021 at 14:44

Ihtisham Tanveer

3885 silver badges19 bronze badges

Collectives™ on Stack Overflow

How to modifiy array object in javascript?

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Linked

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

Linked

Related