如何从JavaScript数组对象data中提取所有title值？

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

map()是数组的高阶方法，会遍历数组里的每个元素，返回由每个元素的指定属性组成的新数组，完美适配这种场景：

const titles = data.map(item => item.title);
console.log(titles);

方法2：用forEach()循环遍历 #

手动遍历数组，把每个对象的title属性逐个添加到新数组中：

const titles = [];
data.forEach(item => titles.push(item.title));
console.log(titles);

方法3：用传统for循环 #

如果需要兼容老旧环境，或者更习惯传统写法，可以用普通for循环：

const titles = [];
for (let i = 0; i < data.length; i++) {
  titles.push(data[i].title);
}
console.log(titles);

⚠️ 注意：你提供的原始data数组最后有个语法错误——第16个对象末尾多了一个逗号（},}），需要先修正这个错误，否则代码会无法正常运行。

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