如何用JavaScript的map方法向数组元素添加空数组？

当然可以用map函数实现这个需求，这是处理数组元素扩展的常用方法，而且不会修改原数组（避免不必要的副作用）。

具体实现步骤 #

1. 先看你的原始数据：

var service = [{ id: '1', name: 'gana', age: '21', spare: 'rinch' }];

2. 使用map遍历并扩展每个元素：

// 生成新数组，给每个元素添加all: []属性
const updatedService = service.map(item => {
  // 用展开运算符浅拷贝原对象的所有属性，再追加新属性
  return { ...item, all: [] };
});

执行后updatedService就是你想要的结果：

[{ id: '1', name: 'gana', age: '21', spare: 'rinch', all: [] }]

兼容旧环境的替代方案 #

如果需要兼容不支持ES6展开运算符的环境，可以用Object.assign来实现同样的效果：

const updatedService = service.map(item => 
  Object.assign({}, item, { all: [] })
);

关键说明 #

• map函数会遍历数组的每个元素，返回一个全新的数组，原数组service不会被改动，这是比较安全的做法。
• 不管用展开运算符还是Object.assign，都是创建新对象来添加属性，避免直接修改原数组中的对象（如果直接修改原对象，可能会影响其他引用这个对象的地方）。
• 你的场景里所有属性都是基本类型，浅拷贝完全够用；如果原对象有嵌套的引用类型（比如内部还有数组/对象），可能需要考虑深拷贝，但这里不需要~

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