如何提取JavaScript数组中所有对象的title属性值？

方法1：使用Array.map()（推荐） #

这是最简洁的实现方式，map方法会遍历数组的每个元素，返回一个由每个元素的指定属性值组成的新数组：

const tutorials = [{title:'a', movie:'a'}, {title:'b', movie:'b'}, {title:'c', movie:'c'}];
// 提取所有title属性到新数组
const titleList = tutorials.map(item => item.title);
console.log(titleList); // 输出: ['a', 'b', 'c']

// 如果需要转换成空格分隔的字符串，用join方法
const titleStr = titleList.join(' ');
console.log(titleStr); // 输出: 'a b c'

方法2：使用for循环手动遍历 #

如果更习惯基础循环写法，也可以手动遍历数组收集属性值：

const tutorials = [{title:'a', movie:'a'}, {title:'b', movie:'b'}, {title:'c', movie:'c'}];
const titleList = [];

for (let i = 0; i < tutorials.length; i++) {
  // 将每个对象的title属性添加到数组中
  titleList.push(tutorials[i].title);
}

console.log(titleList); // 输出: ['a', 'b', 'c']
const titleStr = titleList.join(' ');
console.log(titleStr); // 输出: 'a b c'

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