求助：检查数组中指定属性是否存在并提取至新数组的问题

嘿，我完全懂你遇到的困扰——直接在循环里硬访问itemloop[i].activity_attributes[0].attribute_name肯定会触发"Cannot read properties of undefined"的错误，因为你没法保证activity_attributes一定是存在、且包含至少一个元素的数组呀！

问题根源 #

当activity_attributes是空数组（[]）、或者本身就是undefined/null时，activity_attributes[0]会返回undefined，再试图访问.attribute_name就会直接报错中断代码。

解决方案：逐层校验或使用可选链 #

我们需要先做多层存在性判断，确保每一级属性都存在后再访问下一级，或者用ES6+的可选链操作符简化逻辑：

方案1：兼容旧环境的逐层判断（无ES6+依赖）

if(res.status == "success") {
  var itemloop = res.data; // 假设res.data是你要遍历的数组
  var targetArray = [];

  for(let i = 0; i < itemloop.length; i++) {
    const currentItem = itemloop[i];
    // 逐层校验：先确保activity_attributes存在且是数组，再确保有第一个元素，最后判断属性值
    if(
      currentItem.activity_attributes && 
      Array.isArray(currentItem.activity_attributes) && 
      currentItem.activity_attributes.length > 0 && 
      currentItem.activity_attributes[0].attribute_name === "position"
    ) {
      // 把符合条件的项（或你需要的属性值）推入新数组
      targetArray.push(currentItem);
      // 如果只需要position属性本身，就写：targetArray.push(currentItem.activity_attributes[0])
    }
  }
}

方案2：现代环境的可选链简化写法（推荐）

如果你的项目环境支持ES2020及以上（现代浏览器、Node.js 14+），可以用**可选链操作符?.**来大幅简化代码，它会在遇到undefined/null时自动停止访问，不会报错：

if(res.status == "success") {
  var itemloop = res.data;
  var targetArray = [];

  // 用forEach遍历更易读，也可以保留for循环
  itemloop.forEach(item => {
    // 先安全获取第一个属性项
    const firstAttribute = item.activity_attributes?.[0];
    // 再判断属性名是否为"position"
    if(firstAttribute?.attribute_name === "position") {
      targetArray.push(item);
    }
  });
}

额外提示 #

• 如果activity_attributes有可能是其他非数组类型（比如对象），记得加上Array.isArray()的判断，避免把非数组当成数组处理。
• 如果你需要的是position属性的值而不是整个item，只需要把push的内容换成firstAttribute.attribute_value（假设值存在这个字段里）即可。

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