假设我有一个对象:
{
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，所以扩散操作符是可用的。
当前回答
基于以下两个答案:
https://stackoverflow.com/a/56081419/13819049 https://stackoverflow.com/a/54976713/13819049
我们可以:
const original = { a: 1, b: 2, c: 3 };
const allowed = ['a', 'b'];
const filtered = Object.fromEntries(allowed.map(k => [k, original[k]]));
哪个更干净更快:
https://jsbench.me/swkv2cbgkd/1
其他回答
简单的方法!这样做。
const myData = { Item1: {key: 'sdfd'， value:'sdfd'}， Item2: {key: 'sdfd'， value:'sdfd'}， Item3:{键:'sdfd'，值:'sdfd'} }; const {item1, item3} = myData Const result =({item1,item3})
这里的答案肯定是合适的，但它们有点慢，因为它们需要对对象中的每个属性遍历白名单。下面的解决方案对于大型数据集来说要快得多，因为它只在白名单中循环一次:
Const data = { allowed1:“废话”, Allowed2: 'blah blah'， 记者:“哇”, superSensitiveInfo:“whooooah”, allowed3:“在那里” }; Const whitelist = ['allowed1'， 'allowed2'， 'allowed3']; 函数净化(数据，白名单){ 返回whitelist.reduce ( (result, key) => Data [key] !== undefined ？ 对象。赋值(result， {[key]: data[key]}) :结果, {} ）; ｝ Const result = sanitize(数据，白名单); console.log(结果);
在循环过程中，当遇到某些属性/键时，不返回任何内容，并继续执行其余的:
const loop = product =>
Object.keys(product).map(key => {
if (key === "_id" || key === "__v") {
return;
}
return (
<ul className="list-group">
<li>
{product[key]}
<span>
{key}
</span>
</li>
</ul>
);
});
我最近是这样做的:
const dummyObj = Object.assign({}, obj);
delete dummyObj[key];
const target = Object.assign({}, {...dummyObj});
好吧，这一行怎么样
const raw = {
item1: { key: 'sdfd', value: 'sdfd' },
item2: { key: 'sdfd', value: 'sdfd' },
item3: { key: 'sdfd', value: 'sdfd' }
};
const filteredKeys = ['item1', 'item3'];
const filtered = Object.assign({}, ...filteredKeys.map(key=> ({[key]:raw[key]})));
