在javascript中使用foreach迭代数组对象

Question

下面是一个对象数组，我只需要在javascript中使用forEach以下面的预期格式进行打印

var donuts = [
    { type: "Dairy Milk", cost: 1.22 },//object
    { type: "Kit Kat", cost: 2.45 },
    { type: "Milky Bar", cost: 1.59 }
];

预期产出：

Dairy Milk cost $1.22 each
Kit Kat cost $2.45 each
Milky Bar cost $1.59 each

我该怎么做？

Answer 1

donuts.forEach(d => console.log(`${d.type} cost $${d.cost} each`))

JavaScript中的每个数组都有一个名为forEach的方法，它基本上为数组的每个元素调用一个函数。在此功能中，您可以拨打console.log。

上面的示例使用箭头函数表示法，除了一些差异之外，基本上只是一种声明函数的更简洁的方法。

此外，在此示例中，您可以注意到字符串模板的使用，由反引号内的文本表示，您可以使用placehoders ${}将动态内容放入字符串中。

Answer 2

你可以这样做：

yourArray.forEach(function(element){
    console.log(element.type + ‘ costs $’ + element.cost + ‘ each’);
});