使用For循环提取对象数组中name属性的方法求助

嘿，别担心！作为JavaScript初学者，这种数组遍历提取属性的问题太常见了，我来一步步帮你搞懂怎么写～

首先咱们先聚焦你提到的for循环实现，这是理解数组遍历的基础：

基础for循环版本 #

核心思路就是：先创建一个空数组用来存结果，然后逐个遍历输入数组里的每个对象，把每个对象的name属性取出来放进空数组，最后返回这个结果数组。

代码示例：

function namesFunction(arr) {
  // 初始化一个空数组，用来存储提取出来的name值
  const nameList = [];
  
  // 标准for循环：从索引0开始，遍历到数组最后一个元素
  for (let i = 0; i < arr.length; i++) {
    // arr[i]就是当前遍历到的对象，取出它的name属性
    const currentName = arr[i].name;
    // 把name值添加到结果数组里
    nameList.push(currentName);
  }
  
  // 最后返回结果数组
  return nameList;
}

// 测试你的示例
console.log(namesFunction([{name: 'Tacos'},{name: 'Burritos'},{name: 'Enchiladas'}]));
// 输出: ['Tacos', 'Burritos', 'Enchiladas']

更易读的for...of循环版本 #

如果你觉得写索引i有点麻烦，ES6之后有更简洁的for...of循环，直接遍历数组的每个元素，不用管索引：

function namesFunction(arr) {
  const nameList = [];
  
  // 直接遍历数组里的每个对象，item就是当前对象
  for (const item of arr) {
    nameList.push(item.name);
  }
  
  return nameList;
}

进阶：用数组的map方法（推荐） #

其实JavaScript数组内置了专门处理“数组转数组”场景的方法——map，它会自动帮你创建新数组，不用手动初始化和push，代码更简洁：

function namesFunction(arr) {
  // map遍历每个元素，返回item.name组成的新数组
  return arr.map(item => item.name);
}

map的逻辑就是：对数组里的每一个元素执行箭头函数里的操作（这里就是取出name），然后把所有操作结果收集成一个新数组返回，完全符合你的需求～

刚开始从基础for循环入手理解遍历逻辑是非常好的，等你熟悉之后，map这种内置方法会让你的代码更简洁易维护！

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