问题描述
我有一个对象数组。这个 Array 中的每个对象都有一些 Keypairs。其中一个密钥对(例如“obj”)也是一个对象数组。
以我所拥有的为例:
const arrOfObj = [
{
"id": 1
"obj": {
"arr1": ["arr1-1"],"arr2": ["arr2-1","arr2-2"],"arr3": ["arr3-1","arr3-2"]
}
},{
"id": 1
"obj": {
"arr1": ["arr1-2"],"arr2-3"],"arr3-3"],"arr4": ["arr4-1"],}
},];
我需要获取“obj”对象的新对象,其中包含唯一键和唯一元素。
例如我需要什么:
const newObj = {
"arr1": ["arr1-1","arr1-2"],"arr2-2","arr3-2",}
所有这些都是通过请求从 API 动态获取的,所以我不知道这些密钥对的名称,但我需要存储它们。
我有解决方案,但我是 JavaScript 新手,想知道如何简化和改进我糟糕的代码。
1. 首先,我正在定义新对象并从“arrOfObj”中检索其密钥对的名称。
let filterObj = {};
arrOfObj.forEach(function (item) {
for (let key in item.obj) {
filterObj[key] = [];
}
});
2. 之后,我从“arrOfObj”中获取每个数组的所有元素,并将它们存储在具有相同名称的密钥对中的新对象“filterObj”中。
arrOfObj.forEach(function (item) {
for (let key in item.obj) {
for (let element = 0; element < item.obj[key].length; element++) {
filterObj[key].push(item.obj[key][element]);
}
}
});
3. 最后,我过滤数组以仅获取唯一元素。
for (let key in filterObj) {
filterObj[key] = Array.from(new Set(filterObj[key]));
}
它有效,我得到了我想要的东西,但它似乎非常可怕。如何以最佳方式简化此代码?
感谢您的帮助和建议。
解决方法
另一种使用 Object#fromEntries
、Array#reduce
、Object#entries
、Array#forEach
、Set
和 Map
的解决方案:
const arrOfObj = [ { "id": 1,"obj": { "arr1": ["arr1-1"],"arr2": ["arr2-1","arr2-2"],"arr3": ["arr3-1","arr3-2"] } },{ "id": 1,"obj": { "arr1": ["arr1-2"],"arr2-3"],"arr3-3"],"arr4": ["arr4-1"] } } ];
const filterObj =
// transform the resulting list of key-values pairs to an object at the end
Object.fromEntries(
// get a map of array name as key and its unique items as value
[...arrOfObj.reduce((map,{ obj = {} }) => {
// iterate over current element's object to update the map
Object.entries(obj).forEach(([currentKey,currentValues]) => {
const keyValues = [...(map.get(currentKey) || []),...currentValues];
map.set(currentKey,[...new Set(keyValues)]);
});
return map;
},new Map)]
);
console.log(filterObj);
您可以使用一些解构和 Object.entries() 和 Object.keys() 来简化此操作,并仅对新对象执行所有操作
const newObj = {}
arrOfObj.forEach(({obj}) => {
Object.entries(obj).forEach(([k,arr]) => {
newObj[k] = newObj[k] || [];
newObj[k].push(...arr);
})
});
Object.keys(newObj).forEach(k => newObj[k] = [...new Set(newObj[k])]);
console.log(newObj)
<script>
const arrOfObj=[{id:1,obj:{arr1:["arr1-1"],arr2:["arr2-1",arr3:["arr3-1","arr3-2"]}},{id:1,obj:{arr1:["arr1-2"],arr4:["arr4-1"]}}];
</script>