如何基于查找对象更简洁地保留目标对象指定属性？

已知目标对象 x = {a: 4, b:5, c:6, d:7}，筛选对象 y = {a: true, d: true}（y仅包含需要保留的字段，字段值均为true），需要生成结果对象 {a: 4, d: 7}。目前已实现以下方案，想了解更简洁的写法（比如使用扩展语法...）：

const changedFields = Object.keys(y).reduce((acc, key) => {
    acc[key] = x[key];
    return acc;
}, {});

几种简洁的实现方案 #

1. 固定字段场景：解构+扩展语法 #

如果要保留的字段是固定不变的，直接用对象解构和扩展语法是最简洁的：

const { b, c, ...changedFields } = x;

这种写法直接排除不需要的字段，剩下的就是目标对象。但缺点是仅适用于字段固定的场景，没法适配y这种动态筛选规则。

2. 动态字段场景：Object.fromEntries（推荐） #

如果要根据y的动态字段筛选，Object.fromEntries是当前最简洁直观的写法：

const changedFields = Object.fromEntries(Object.keys(y).map(key => [key, x[key]]));

逻辑清晰易懂：先把y的键转换成[键名, x对应值]的数组，再直接生成目标对象，比reduce写法少了不少冗余代码。

3. 用扩展语法实现动态筛选 #

如果一定要用扩展语法，也可以结合Object.assign完成：

const changedFields = Object.assign({}, ...Object.keys(y).map(key => ({ [key]: x[key] })));

先把每个需要的键转换成单个键值对的对象，再用扩展语法展开后合并到空对象里，最终得到目标结果。

简单总结：固定字段用解构排除最省事；动态字段优先选Object.fromEntries；扩展语法的方案能实现，但可读性和简洁度不如前者。

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