假设我有一个对象:
{
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,所以扩散操作符是可用的。
有很多方法可以做到这一点。公认的答案使用键-过滤-减少方法,这不是最有效的。
相反,使用for…循环遍历一个对象的键,或者遍历允许的键,然后组合一个新对象的性能提高了50%。
const obj = {
item1: { key: 'sdfd', value:'sdfd' },
item2: { key: 'sdfd', value:'sdfd' },
item3: { key: 'sdfd', value:'sdfd' }
};
const keys = ['item1', 'item3'];
function keysReduce (obj, keys) {
return keys.reduce((acc, key) => {
if(obj[key] !== undefined) {
acc[key] = obj[key];
}
return acc;
}, {});
};
function forInCompose (obj, keys) {
const returnObj = {};
for (const key in obj) {
if(keys.includes(key)) {
returnObj[key] = obj[key]
}
};
return returnObj;
};
keysReduce(obj, keys); // Faster if the list of allowed keys are short
forInCompose(obj, keys); // Faster if the number of object properties are low
a.查看jsPerf中简单用例的基准测试。不同浏览器的结果会有所不同。
你能找到的最干净的方法是使用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)
另一种方法是使用Array.prototype.forEach()作为
Const raw = {
item1: {
关键:“sdfd”,
价值:“sdfd”
},
第二条:{
关键:“sdfd”,
价值:“sdfd”
},
item3: {
关键:“sdfd”,
价值:“sdfd”
}
};
Const allowed = ['item1', 'item3', 'll '];
var finalObj = {};
允许的。forEach(allowedVal => {
如果原始[allowedVal])
finalObj[allowedVal] = raw[allowedVal]
})
console.log (finalObj)
它只包含原始数据中可用的那些键的值,从而防止添加任何垃圾数据。