假设我有一个对象：
{
item1: { key: 'sdfd', value:'sdfd' },
item2: { key: 'sdfd', value:'sdfd' },
item3: { key: 'sdfd', value:'sdfd' }
}
我想通过过滤上面的对象来创建另一个对象，所以我有类似的东西。
{
item1: { key: 'sdfd', value:'sdfd' },
item3: { key: 'sdfd', value:'sdfd' }
}
我正在寻找一种使用 Es6 完成此操作的干净方法，因此我可以使用扩展运算符。
如果您有一个允许值列表，您可以使用以下方法轻松地将它们保留在对象中：
const raw = {
item1: { key: 'sdfd', value:'sdfd' },
item2: { key: 'sdfd', value:'sdfd' },
item3: { key: 'sdfd', value:'sdfd' }
};
const allowed = ['item1', 'item3'];
const filtered = Object.keys(raw)
.filter(key => allowed.includes(key))
.reduce((obj, key) => {
obj[key] = raw[key];
return obj;
}, {});
console.log(filtered);这使用：
Object.keys列出raw（原始数据）中的所有属性，然后Array.prototype.filter 选择存在于允许列表中的键，使用
Array.prototype.includes 确保他们在场Array.prototype.reduce 构建一个仅具有允许属性的新对象。这将使用允许的属性制作一个浅拷贝（但不会复制属性本身）。
您还可以使用对象扩展运算符来创建一系列对象而不改变它们（感谢rjerue 提到这一点）：
const raw = {
item1: { key: 'sdfd', value:'sdfd' },
item2: { key: 'sdfd', value:'sdfd' },
item3: { key: 'sdfd', value:'sdfd' }
};
const allowed = ['item1', 'item3'];
const filtered = Object.keys(raw)
.filter(key => allowed.includes(key))
.reduce((obj, key) => {
return {
...obj,
[key]: raw[key]
};
}, {});
console.log(filtered);出于琐事的目的，如果您想从原始数据中删除不需要的字段（我不建议这样做，因为它涉及一些丑陋的突变），您可以includes像这样反转检查：
const raw = {
item1: { key: 'sdfd', value:'sdfd' },
item2: { key: 'sdfd', value:'sdfd' },
item3: { key: 'sdfd', value:'sdfd' }
};
const allowed = ['item1', 'item3'];
Object.keys(raw)
.filter(key => !allowed.includes(key))
.forEach(key => delete raw[key]);
console.log(raw);我包含这个例子是为了展示一个基于突变的解决方案，但我不建议使用它。
如果你都OK使用ES6语法，我发现，最干净的方式来做到这一点，因为注意到这里和这里是：
const data = {
item1: { key: 'sdfd', value:'sdfd' },
item2: { key: 'sdfd', value:'sdfd' },
item3: { key: 'sdfd', value:'sdfd' }
};
const { item2, ...newData } = data;
现在，newData包含：
{
item1: { key: 'sdfd', value:'sdfd' },
item3: { key: 'sdfd', value:'sdfd' }
};
或者，如果您将密钥存储为字符串：
const key = 'item2';
const { [key]: _, ...newData } = data;
在后一种情况下，[key]转换为，item2但由于您使用的是const赋值，因此需要为赋值指定一个名称。_表示丢弃值。
更普遍：
const { item2, ...newData } = data; // Assign item2 to item2
const { item2: someVarName, ...newData } = data; // Assign item2 to someVarName
const { item2: _, ...newData } = data; // Assign item2 to _
const { ['item2']: _, ...newData } = data; // Convert string to key first, ...
这不仅将您的操作简化为单行操作，而且还不需要您知道其他键是什么（您想要保留的键）。
一个简单的效用函数如下所示：
function removePropFromObject(obj, prop) {
const { [prop]: _, ...rest } = obj
return { ...rest }
}
你能找到的最干净的方法是使用Lodash#pick
const _ = require('lodash');
const allowed = ['item1', 'item3'];
const obj = {
item1: { key: 'sdfd', value:'sdfd' },
item2: { key: 'sdfd', value:'sdfd' },
item3: { key: 'sdfd', value:'sdfd' }
}
const filteredObj = _.pick(obj, allowed)
之前没有说过什么，而是将一些答案与一般的 ES6 答案结合起来：
const raw = {
item1: { key: 'sdfd', value: 'sdfd' },
item2: { key: 'sdfd', value: 'sdfd' },
item3: { key: 'sdfd', value: 'sdfd' }
};
const filteredKeys = ['item1', 'item3'];
const filtered = filteredKeys
.reduce((obj, key) => ({ ...obj, [key]: raw[key] }), {});
console.log(filtered);您现在可以使用Object.fromEntries方法（检查浏览器支持）使其更短更简单：
const raw = { item1: { prop:'1' }, item2: { prop:'2' }, item3: { prop:'3' } };
const allowed = ['item1', 'item3'];
const filtered = Object.fromEntries(
Object.entries(raw).filter(
([key, val])=>allowed.includes(key)
)
);
阅读更多关于：Object.fromEntries