假设我有一个对象:
{
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 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(结果);
一个不使用过滤器的更简单的解决方案可以通过Object.entries()而不是Object.keys()实现。
const raw = {
item1: { key: 'sdfd', value:'sdfd' },
item2: { key: 'sdfd', value:'sdfd' },
item3: { key: 'sdfd', value:'sdfd' }
};
const allowed = ['item1', 'item3'];
const filtered = Object.entries(raw).reduce((acc,elm)=>{
const [k,v] = elm
if (allowed.includes(k)) {
acc[k] = v
}
return acc
},{})
这里的答案肯定是合适的,但它们有点慢,因为它们需要对对象中的每个属性遍历白名单。下面的解决方案对于大型数据集来说要快得多,因为它只在白名单中循环一次:
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(结果);
上面的许多解决方案都重复调用Array.prototype.includes来处理raw中的每个键,这将使解决方案为O(n·m)(其中n是对象中键的数量,m是允许列表的长度)。
这可以通过使用一个允许的Set来避免,但是遍历允许的键并将它们复制到一个初始为空的对象中会得到非常简单,可读的代码,即O(m):
Const raw = {
Item1: {key: 'sdfd', value:'sdfd'},
Item2: {key: 'sdfd', value:'sdfd'},
Item3:{键:'sdfd',值:'sdfd'}
};
Const allowed = ['item1', 'item3'];
Const filtered = {};
For(允许的const键){
If (key in raw) filter [key] = raw[key];
}
console.log(过滤);
如果你想避免复制继承的属性,你也可以使用raw. hasownproperty (key)来代替key in raw。
另一种使用数组的解决方案。在允许的键上减少方法:
const raw = {
item1: { key: 'sdfd', value:'sdfd' },
item2: { key: 'sdfd', value:'sdfd' },
item3: { key: 'sdfd', value:'sdfd' }
};
const allowed = ['item1', 'item3'];
const filtered = allowed.reduce((obj, key) => {
obj[key] = raw[key];
return obj
}, {})
console.log(filtered);
特别是对于较大的源对象(在本例中为原始对象),这是有意义的。迭代不会使用源的所有条目执行,而只使用您想要过滤的键,因此更短/更快…
演示在这小提琴…
但我必须说,我也喜欢这个答案中的解决方案使用object。fromentries数组。filter和Array.includes:
const object = object . fromentries (
Object.entries(生)。Filter (([key, value]) => allowed.includes(key))
);
演示在这小提琴…