Javascript 2個對象數組，從一個對象數組中獲取一個值，並將其分配給另一個對象數組

Question

所以我有2個對象數組，我想從一個對象中獲取名稱值，並將其分配給標簽和值。 這就是我在做什么。

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}];  

我想獲取每個名稱並將其分配給標簽和值，所以現在循環

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

    console.log(newAreas);

但這只會使我獲得最后的價值，我在這里做錯了什么？

Answer 1

您只想使用map一次，並檢索返回的值：

 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); 

這利用了對象分解 。