如何为JavaScript数组中的每个现有对象添加format:"film"属性？

嘿，我来帮你搞定这个问题！给数组里的每个现有对象添加format: "film"属性其实有好几种实用的方法，我给你详细拆解一下：

方法1：用forEach直接修改原数组 #

如果不介意修改原数组的话，forEach是最直接的方式——它会遍历数组里的每个对象，直接给对象添加新属性（因为对象是引用类型，修改的就是原数组里的对象本身）：

// 示例数组
const movieList = [
  { title: "Interstellar", director: "Christopher Nolan" },
  { title: "Parasite", director: "Bong Joon-ho" }
];

// 遍历添加属性
movieList.forEach(movie => {
  movie.format = "film";
});

console.log(movieList);
// 输出结果：
// [
//   { title: "Interstellar", director: "Christopher Nolan", format: "film" },
//   { title: "Parasite", director: "Bong Joon-ho", format: "film" }
// ]

方法2：用map返回新数组（不修改原数组） #

如果你想保留原数组不变，生成一个带新属性的新数组，map是最佳选择。这里我们用展开运算符复制原对象的所有属性，再追加新属性，避免污染原数据：

const movieList = [
  { title: "Interstellar", director: "Christopher Nolan" },
  { title: "Parasite", director: "Bong Joon-ho" }
];

// 生成新数组
const updatedMovieList = movieList.map(movie => {
  return { ...movie, format: "film" };
});

console.log(updatedMovieList); // 新数组带format属性
console.log(movieList); // 原数组完全不变

方法3：传统for循环（兼容性拉满） #

如果你的项目需要兼容ES5之前的老环境，传统的for循环是最稳妥的方案，逻辑和forEach一致，直接修改原数组：

const movieList = [
  { title: "Interstellar", director: "Christopher Nolan" },
  { title: "Parasite", director: "Bong Joon-ho" }
];

for (let i = 0; i < movieList.length; i++) {
  movieList[i].format = "film";
}

console.log(movieList);

额外提示：处理数组中的非对象元素 #

如果数组里可能存在null、undefined或者非对象类型的元素，记得加个判断避免报错：

movieList.forEach(item => {
  // 只给真正的对象添加属性
  if (typeof item === 'object' && item !== null) {
    item.format = "film";
  }
});

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