Javascript 如何将包含对象的数组推送到数组中

我是这里的新手，所以我的问题可能听起来很愚蠢

我有一个包含多个对象的数组，我不知道如何将每个对象的键名推送到一个数组中

这是我的代码：

var ingredients = [
    { id: 1, name: "onion", mineralsUnit: "mg", water: 89.11 },
    { id: 2, name: "carrot", calcium: 23, iron: 0.21, otherUnit: "g", water: 89.11 },
    { id: 3, name: "peanut", iron: 0.21, otherUnit: "g", water: 89.11 }
];

我已经创建了一个新的空数组，我只想添加第一个数组中的名称

var myIngredients = [];

我试过：

for (var i = 0; i < ingredients.length; i++) {
    myIngredients.push(ingredients[i]);
}

for（变量i=0；i

但是它返回整个数组，即使我在这里选择了我想要选择的元素，它仍然不起作用。

---

如果有人有主意，我会非常感激。非常感谢。

你们非常接近。这将推送

成分

数组中每个对象的

名称

值

for（变量i=0；i

您可以使用以下功能：

var成分=[
{id:1，名称：“洋葱”，mineralsUnit：“毫克”，水：89.11}，
{id:2，名称：“胡萝卜”，钙：23，铁：0.21，其他单位：“克”，水：89.11}，
{id:3，名称：“花生”，铁：0.21，其他单位：“克”，水：89.11，}
];
var mycomponents=components.map（e=>e.name）；
console.log（MyComponents）对于es6，您可以使用

试试
mycontracents=contracents.map（contracents=>contracents.name）
别忘了花生后面的逗号

var myIngredients = [];

ingredients.forEach(
  ingredient =>
  myIngredients.push(ingredient.name)
)

console.log(myIngredients)

通过循环使用
配料
，您只需将所有
配料
元素推入
我的配料
i
将是
成分
数组的索引，因此您实际上没有选择任何东西如果使用箭头功能，map比foreach更好。顺便说一句，引擎盖下的map做了一个for循环。即使选择了foreach方式，我仍然建议使用更干净的map。这个答案可能会有帮助（）@Alexandra