React中如何给数组添加键值对？及提取指定字段生成新数组

可以使用数组的map()方法实现，遍历原数组时保留元素原有字段，同时添加新的键值对（不会修改原数组，符合React不可变数据原则）：

// 从数据库获取的原始数组
const originalData = [
  { id: 1, url: "1.jpg", message_id: 1 },
  { id: 2, url: "2.jpg", message_id: 2 }
];

// 添加新键值对后的数组（示例添加isActive字段）
const newDataWithKey = originalData.map(item => ({
  ...item, // 拷贝原对象所有属性
  isActive: false // 新增键值对
}));

同样用map()方法，遍历原数组时仅返回包含url字段的新对象：

// 原始数组
const originalData = [
  { id: 1, url: "1.jpg", message_id: 1 },
  { id: 2, url: "2.jpg", message_id: 2 }
];

// 生成目标images数组
const images = originalData.map(item => ({
  url: item.url
}));

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