如何在JavaScript中从对象数组提取指定属性元素到空数组

下面是几种实现将characters数组中所有对象的img属性提取到newArray的方法：

方法一：使用map方法（最简洁） #

map方法会遍历原数组，将每个元素经过回调处理后返回，直接生成包含目标属性的新数组：

let newArray = characters.map(item => item.img);

方法二：使用forEach方法（灵活可控） #

如果需要对每个元素做额外判断（比如过滤掉img为空的情况），可以用forEach遍历并手动添加：

characters.forEach(item => {
  // 可选：判断img属性是否存在且有效
  if (item?.img) {
    newArray.push(item.img);
  }
});

方法三：使用传统for循环（兼容性强） #

针对需要兼容旧环境的场景，传统循环也能实现：

for (let i = 0; i < characters.length; i++) {
  newArray.push(characters[i].img);
}

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