JavaScript：如何移除数组对象中的id字段

很简单，这里有几种实用的方法可以帮你移除数组里每个对象的id字段，你可以根据自己的场景选择：

方法1：使用解构赋值 + Array.map()（不修改原数组） #

这种方式会生成一个全新的数组，不会改动原数据，适合需要保留原数组的场景：

var data = [{ 'id': '1', 'name': 'kamal', 'age': '21' }, { 'id': '2', 'name': 'ram', 'age': '11' }, { 'id': '3', 'name': 'karuna', 'age': '22' }];

// 解构出id并忽略，将剩余属性组成新对象
var result = data.map(({ id, ...rest }) => rest);

console.log(result);
// 输出结果：
// [{ 'name': 'kamal', 'age': '21' }, { 'name': 'ram', 'age': '11' }, { 'name': 'karuna', 'age': '22' }]

方法2：使用Array.forEach() + delete（修改原数组） #

如果你不需要保留原数组，直接修改它会更节省内存：

var data = [{ 'id': '1', 'name': 'kamal', 'age': '21' }, { 'id': '2', 'name': 'ram', 'age': '11' }, { 'id': '3', 'name': 'karuna', 'age': '22' }];

// 遍历数组，逐个删除每个对象的id字段
data.forEach(item => delete item.id);

console.log(data);
// 输出结果：
// [{ 'name': 'kamal', 'age': '21' }, { 'name': 'ram', 'age': '11' }, { 'name': 'karuna', 'age': '22' }]

方法3：手动构建新对象（直观易懂） #

如果对象的属性不多，手动返回新对象会更直观，可读性也强：

var data = [{ 'id': '1', 'name': 'kamal', 'age': '21' }, { 'id': '2', 'name': 'ram', 'age': '11' }, { 'id': '3', 'name': 'karuna', 'age': '22' }];

var result = data.map(item => {
  return {
    name: item.name,
    age: item.age
  };
});

console.log(result);
// 输出结果：
// [{ 'name': 'kamal', 'age': '21' }, { 'name': 'ram', 'age': '11' }, { 'name': 'karuna', 'age': '22' }]

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