Javascript 2 arrays of objects , get a value from one array of objects and assign it to the other array of objects

Question

So i have 2 arrays of objects , i want to get the name value from one and assign it to the label and value . This is what i am doing.

let newAreas = [{ label: '', value: '' }];
let areas = [{name: 'Haram', condition: true, counter: 5}, {name: 'Nasr City', condition: false, counter: 3}, {name: 'Faisl', condition: true, counter: 7}];

i want to get the each name and assign them to label and value so now i loop

areas.map(area => {
      newAreas.map(val => {
        val.label = area.name;
        val.value = area.name;
  });
});

    console.log(newAreas);

but this only gets me the last value what am i doing wrong here ?

map does not change the existing array but returns a new one. — str
– str, Commented Feb 10, 2019 at 15:43
You want to get a new object with label equal to name and value equal to name from each of the objects in the areas array? — Shidersz
– Shidersz, Commented Feb 10, 2019 at 15:43
It's not really what role newAreas plays as an array with one object. Is that just there as a template for the objects you want? Nor is it clear what you need to have two keys with the same value. — Mark
– Mark, Commented Feb 10, 2019 at 15:46

Jeto · Accepted Answer · 2019-02-10 15:44:17Z

3

You only want to use map once, and retrieve the returned value:

const areas = [
  {name: 'Haram', condition: true, counter: 5}, 
  {name: 'Nasr City', condition: false, counter: 3}, 
  {name: 'Faisl', condition: true, counter: 7}
];

const newAreas = areas.map(({name}) => ({label: name, value: name}));

console.log(newAreas);

This makes use of object destructuring.

answered Feb 10, 2019 at 15:44

Jeto

15k2 gold badges39 silver badges50 bronze badges

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

1 Comment

Amr Mostafa Over a year ago

Thanks that did it !

Collectives™ on Stack Overflow

Javascript 2 arrays of objects , get a value from one array of objects and assign it to the other array of objects

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related