如何从嵌套对象数组中提取所有image.url值生成新数组

要把images数组里所有的image.url提取出来生成新数组，最简洁高效的方式是使用JavaScript数组的map()方法：

const imageUrls = images.map(item => item.image.url);

map()会遍历数组中的每一个元素，对每个元素执行箭头函数里的逻辑（这里就是取出当前元素的image.url），最后把所有返回值组合成一个新数组，直接赋值给imageUrls即可。

如果需要兼容旧环境或者更手动的方式，也可以用forEach循环来收集：

const imageUrls = [];
images.forEach(item => {
  imageUrls.push(item.image.url);
});

或者传统的for循环：

const imageUrls = [];
for (let i = 0; i < images.length; i++) {
  imageUrls.push(images[i].image.url);
}

如果担心数组中某些元素可能没有image属性或者url属性（避免报错），可以用可选链操作符和默认值做容错处理：

// 没有对应值时用默认图片链接填充
const imageUrls = images.map(item => item?.image?.url || 'https://example.com/default-image.jpg');

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