如何使用ES6合并对象的指定属性而非整个对象？

嘿，完全懂你的痛点——Stack Overflow上大多是讲整个对象/数组的合并，但你要的是精准提取指定属性来组合，还不想写那些for/while循环对吧？

下面分两种常见场景给你解决方案，都是用JavaScript的高阶方法或者解构来实现，没有显式循环：

场景1：两个数组按对应位置合并指定属性 #

如果你的P1和E1是长度一致的数组，每个位置的对象需要配对合并指定属性：

// 示例数据
const P1 = [{ id: 1, name: "Alice", unusedProp: "忽略我" }, { id: 2, name: "Bob", unusedProp: "忽略我" }];
const E1 = [{ id: 1, age: 25, extraProp: "不需要" }, { id: 2, age: 30, extraProp: "不需要" }];

// 只合并id、name、age三个属性
const mergedData = P1.map((pItem, index) => ({
  id: pItem.id,
  name: pItem.name,
  age: E1[index].age
}));

// 输出结果：[{ id:1, name:"Alice", age:25 }, { id:2, name:"Bob", age:30 }]

这里用map遍历数组，自动帮你处理每个元素的配对，没有显式循环，同时只提取你需要的属性组合。

场景2：两个数组按**唯一标识（比如id）**匹配合并指定属性 #

如果两个数组的元素不是按位置对应，而是需要通过id这类唯一值来匹配：

// 示例数据（E1的顺序可能和P1不一样）
const P1 = [{ id: 1, name: "Alice" }, { id: 2, name: "Bob" }];
const E1 = [{ id: 2, age: 30 }, { id: 1, age: 25 }];

// 先把E1转成以id为键的对象，方便快速查找
const E1Lookup = Object.fromEntries(E1.map(eItem => [eItem.id, eItem]));

// 遍历P1，根据id匹配E1的指定属性
const mergedData = P1.map(pItem => ({
  id: pItem.id,
  name: pItem.name,
  age: E1Lookup[pItem.id]?.age // 可选链操作符避免找不到id的报错
}));

// 输出结果：[{ id:1, name:"Alice", age:25 }, { id:2, name:"Bob", age:30 }]

这种方法先把E1转换成键值对结构，查找效率更高，同样用map避免了显式循环。

单个对象的指定属性合并 #

如果只是两个单个对象要合并指定属性，用解构赋值会更简洁：

const pObj = { id: 1, name: "Alice", useless: "丢弃" };
const eObj = { id: 1, age: 25, junk: "扔掉" };

// 提取需要的属性再组合
const { id, name } = pObj;
const { age } = eObj;
const mergedObj = { id, name, age };

// 或者一行搞定
const mergedObj = { id: pObj.id, name: pObj.name, age: eObj.age };

核心思路就是：不要直接用扩展运算符展开整个对象，而是先精准提取你需要的属性，再重新组合成新的对象/数组，这样就不会把多余的属性带进来啦。

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