Question

我有一个数组

FruitsList = [
                {name: 'apple', color: 'red'}, 
                {name: 'grapes', color: 'violet'}, 
                {name:'avocado', color: 'green'}
            ]

接下来我要填充另一个对象数组

Food = [{fruitName: '', fruitColor:''}]

从先前数组的所有值开始。我尝试映射但失败了。谁能帮助我使用哪种Javascript或Typescript方法？

Answer 1

尝试一下：

const Food = FruitsList.map(({name, color}) => {
  return { fruitName: name, fruitColor: color };
})

console.log(Food);

Answer 2

你为什么不试试这个

const FruitsList = [{name: 'apple', color: 'red'}, {name: 'grapes', color: 'violet'}, {name:'avocado', color: 'green'}]

const Food = [...FruitsList , {fruitName: '', fruitColor:''}]

Answer 3

像这样吗？

food = [];
var list = [
  { name: "apple", color: "red" },
  { name: "grapes", color: "violet" },
  { name: "avocado", color: "green" }
];
list.forEach(function(element) {
  food.push({ fruitName: element.name, fruitColor: element.color });
});
console.log(food);

Answer 4

您可以使用map()运算符来完成此操作，并以自己喜欢的方式返回一个新数组。请查找有关javascript地图操作符here的更多信息

    FruitsList = [{name: 'apple', color: 'red'}, {name: 'grapes', color: 'violet'}, {name:'avocado', color: 'green'}]
    let Food = FruitsList.map(({name, color}) => {
      return { fruitName: name, fruitColor: color };
    })

    console.log(Food);

如何从另一个对象数组填充对象数组？

4 个答案: