如何在JavaScript中获取JSON数组所有元素的revenue值？

嘿，作为JavaScript新手，能想到用data[0].revenue获取单个年份的营收数据已经很棒啦！要提取数组里所有元素的revenue值，其实有几种简单易懂的方法，我给你一一拆解：

方法1：使用map()方法（最推荐，简洁高效） #

map()是JavaScript数组的内置方法，专门用来遍历数组并返回一个由处理后的值组成的新数组，完美匹配你提取特定属性的需求。

代码示例：

const data = [ {"year": 2017, "revenue": 1000, "cost": 500}, {"year": 2016, "revenue": 1500, "cost": 900}, {"year": 2015, "revenue": 900, "cost": 300} ];
const allRevenues = data.map(item => item.revenue);
console.log(allRevenues); // 输出: [1000, 1500, 900]

简单解释：

• item代表数组里的每一个对象元素
• item.revenue就是取出当前对象的revenue属性
• map()会自动把所有提取到的revenue值收集起来，变成一个新数组返回

方法2：使用forEach()方法（手动收集，直观易懂） #

如果想更直观地理解“逐个遍历”的过程，forEach()也很合适。它会遍历数组的每一个元素，你可以手动把每个revenue值添加到一个空数组里：

代码示例：

const data = [ {"year": 2017, "revenue": 1000, "cost": 500}, {"year": 2016, "revenue": 1500, "cost": 900}, {"year": 2015, "revenue": 900, "cost": 300} ];
const allRevenues = [];
data.forEach(item => {
  allRevenues.push(item.revenue);
});
console.log(allRevenues); // 输出: [1000, 1500, 900]

简单解释：

• 先创建一个空数组allRevenues用来存储结果
• 遍历每个对象item，用push()把当前的revenue值添加到空数组中

方法3：传统for循环（最基础的遍历方式） #

如果你刚接触循环，传统的for循环能帮你更清晰地理解遍历的底层逻辑：

代码示例：

const data = [ {"year": 2017, "revenue": 1000, "cost": 500}, {"year": 2016, "revenue": 1500, "cost": 900}, {"year": 2015, "revenue": 900, "cost": 300} ];
const allRevenues = [];
for (let i = 0; i < data.length; i++) {
  allRevenues.push(data[i].revenue);
}
console.log(allRevenues); // 输出: [1000, 1500, 900]

简单解释：

• 用索引i从0开始，遍历到数组的最后一个元素（i < data.length）
• 通过data[i]获取当前索引对应的对象，再取出它的revenue值，添加到结果数组中

总结 #

如果追求代码简洁高效，优先选map()；如果想一步步理解遍历过程，forEach()或传统for循环更适合新手入门。这三种方法都能帮你快速提取所有的revenue值~

内容的提问来源于stack exchange，提问作者Hannan