I have an array
FruitsList = [
{name: 'apple', color: 'red'},
{name: 'grapes', color: 'violet'},
{name:'avocado', color: 'green'}
]
Next I want to fill another array of objects
Food = [{fruitName: '', fruitColor:''}]
from all the values of the previous array. I tried mapping but failed. Can anyone help what approach in Javascript or Typescript I can use?
Try this:
const Food = FruitsList.map(({name, color}) => {
return { fruitName: name, fruitColor: color };
})
console.log(Food);
Something like this?
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);
why won't you try this
const FruitsList = [{name: 'apple', color: 'red'}, {name: 'grapes', color: 'violet'}, {name:'avocado', color: 'green'}]
const Food = [...FruitsList , {fruitName: '', fruitColor:''}]
