如何根据名称打开对象数组
如何根据名称打开对象数组
提问于 2020-09-11 17:04:03
我有一个具有相同名称的多个对象的数组。如何根据名称分隔数组？
我试过用地图，过滤器，但没有工作，最后我用的也减少，但没有得到输出。
const result = Object.values(this.optionsArr.reduce((a, c) => {
a[c.name] = a[c.name] || {name: c.name};
a[c.name].options.push(c.options);
return a;
}, {})).map(item => ({...item, accessDetails: Object.values(item.accessDetails)}));输入：
[
{name: "audio", options: [
{name:'true', value: 'T'},
{name:'false', value: 'F'},
{name:'yes', value: 'Y'}]
},
{name: "video", options: [
{name:'true', value: 'T'},
{name:'false', value: 'F'},
{name:'yes', value: 'Y'}]
},
{name: "call", options: [
{name:'true', value: 'T'},
{name:'false', value: 'F'},
{name:'yes', value: 'Y'}]
}]预期产出：
const arr = [{name: "audio", options:{name:'true', value: 'T'}},
{name: "audio", options:{name:'false', value: 'F'}},
{name: "audio", options:{name:'yes', value: 'Y'}},
{name: "video", options:{name:'true', value: 'T'}},
{name: "video", options:{name:'yes', value: 'Y'}},
{name: "video", options:{name:'false', value: 'F'}},
{name: "call", options:{name:'true', value: 'T'}},
{name: "call", options:{name:'No', value: 'N'}},
{name: "call", options:{name:'false', value: 'F'}}];回答 5
Stack Overflow用户
回答已采纳
发布于 2020-09-11 17:10:33
输入是一个对象数组，因此array.map：
let newArray = []
input.map(function(item) {
item.options.map(function(option) {
newArray.push({name:item.name, options: option})
})
})
console.log(newArray);应起作用
Stack Overflow用户
发布于 2020-09-11 17:12:27
你应该用地图来转换数组，
arr = arr.map((element) => {
const temp = [];
element.options.forEach(option => {
temp.push({
name: element.name,
options: option
});
})
return temp;
}).flat();Stack Overflow用户
发布于 2020-09-11 17:13:04
是的，.reduce是要走的路，下面是一种方法：
const input = [{name: "audio", options:[{name:'true', value: 'T'},{name:'false', value: 'F'},{name:'yes', value: 'Y'}]},
{name: "video", options:[{name:'true', value: 'T'},{name:'false', value: 'F'},{name:'yes', value: 'Y'}]},
{name: "call", options:[{name:'true', value: 'T'},{name:'false', value: 'F'},{name:'yes', value: 'Y'}]}];
const output = input.reduce((acc, cur) => {
const newEntries = cur.options.reduce((a, c) => ([...a, { ...cur, options: c }]), []);
return [
...acc,
...newEntries
];
},[]);
console.log(output);
在本例中，我减少原始数组(input)，然后还原每个条目的options数组，为每个条目创建一个新元素，然后将这些新条目添加到返回数组中。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/63851419
复制相关文章
相似问题
腾讯云开发者
