Javascript:将两个数组的值映射到一个新数组中
Javascript:将两个数组的值映射到一个新数组中
提问于 2018-10-26 22:48:05
我有两个对象数组，看起来像这样：
const data = [
{
id: 1,
condition: 1,
helpers: [{id: 1, condition: null}, {id: 2, condition: 2}]
},
{
id: 2,
condition: null,
helpers: [{id: 1, condition: 1}, {id: 2, condition: null}]
}
]
const conds = [
{
id: 1,
conditions: {
rules: ['test', 'foo']
}
},
{
id: 2,
conditions: {
rules: ['#hashtag', 'foo']
}
}
]我试图实现的是，我希望将data数组的condition值替换为conds数组中的值。
我的解决方案看起来不太好用，如下所示：
let newArray = [];
data.forEach(obj => {
conds.forEach(cond => {
if (obj.condition) {
if (obj.condition === cond.id) {
obj.condition = cond.conditions.rules;
newArray.push(obj);
}
} else {
obj.helpers.forEach(h => {
if (h.condition && h.condition === cond.id) {
h.condition = cond.conditions.rules;
newArray.push(obj);
}
});
}
})
});我觉得我已经非常接近解决方案了，因为我的newArray包含了changes属性，但不是helpers中的最后一项，而condition属性仍然是2。
输出应如下所示：
[
{
id: 1
condition: ['test', 'foo'],
helpers: [{id: 1, condition: null}, {id: 2, condition: ['#hashtag', 'foo']}]
},
{
id: 2
condition: null,
helpers: [{id: 1, condition: ['test', 'foo']}, {id: 2, condition: null}]
},
]这里我漏掉了什么？
回答 2
Stack Overflow用户
回答已采纳
发布于 2018-10-28 01:55:37
让它工作起来：
const finalData = data.map(dataItem => {
dataItem.condition = dataItem.condition ? rulesMap[dataItem.condition] : null;
dataItem.helpers.map(item => {
item.condition = item.condition ? rulesMap[item.condition] : null
})
return dataItem;
});Stack Overflow用户
发布于 2018-10-26 22:57:20
const data = [
{
id: 1,
condition: 1,
helpers: [{id: 1, condition: null}, {id: 2, condition: 2}]
},
{
id: 2,
condition: null,
helpers: [{id: 1, condition: 1}, {id: 2, condition: null}]
}
]
const conds = [
{
id: 1,
conditions: {
rules: ['test', 'foo']
}
},
{
id: 2,
conditions: {
rules: ['#hashtag', 'foo']
}
}
]
// START SOLUTION
const rulesMap = conds.reduce((map, condition) => {
map[condition.id] = condition.conditions.rules;
return map;
}, {});
const finalData = data.map(dataItem => {
dataItem.condition = dataItem.condition ? rulesMap[dataItem.condition] : null;
return dataItem;
});
// END SOLUTION
console.log(finalData);
创建条件映射：
const rulesMap = conds.reduce((map, condition) => {
map[condition.id] = condition.conditions.rules;
return map;
}, {});获取替换了条件规则的新数据列表：
const finalData = data.map(dataItem => {
dataItem.condition = dataItem.condition ? rulesMap[dataItem.condition] : null;
return dataItem;
});页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/53011255
复制相关文章
相似问题