用Javascript扁平父级JSON数组
用Javascript扁平父级JSON数组
提问于 2019-09-09 00:47:57
我有一个如下所示的数组。
const arr = [{
name: 'x',
type: 'type1',
parent: [{
name: "a",
type: 'type1'
}]
}, {
name: 'y',
type: 'type1',
parent: [{
name: "b",
type: 'type1'
}]
}];我想把它压平，最后得到如下结果：
const arr = [{
name: 'x',
type: 'type1',
parent-name:'a',
parent-type: 'type1'
},
{
name: 'y',
type: 'type1',
parent-name: 'b',
parent-type: 'type1'
}];我使用map和array.prototype.flat()尝试过各种不同的解决方案，但无法安静地让它工作。我将永远不会有超过一个孩子，如果有第二个孩子，那么我很好，它创建了2行由此。
谢谢迈克尔
回答 2
Stack Overflow用户
回答已采纳
发布于 2019-09-09 01:40:23
一种方法是使用地图()。
result = arr.map(obj => {
obj.parent.forEach(item => {
Object.keys(item).forEach(value => {
obj["parent-" + value] = item[value];
});
});
delete obj.parent;
return obj;
});实况示例：
const arr = [{
name: 'x',
type: 'type1',
parent: [{
name: "a",
type: 'type1'
}]
}, {
name: 'y',
type: 'type1',
parent: [{
name: "b",
type: 'type1'
}]
}]
result = arr.map(obj => {
obj.parent.forEach(item => {
Object.keys(item).forEach(value => {
obj["parent-" + value] = item[value];
});
});
delete obj.parent;
return obj;
});
console.log(result);
Stack Overflow用户
发布于 2019-09-09 02:44:12
这将按照您的要求将任何JSON数组压平到第2级。
Object.flatten = function(data){
var resultMain = [];
var result = {};
function recurse(cur, prop){
if (Object(cur) !== cur){
result[prop] = cur;
}else if(Array.isArray(cur)){
for(var i=0, l=cur.length; i<l; i++)
recurse(cur[i], prop);
if(l == 0)
result[prop] = [];
}else{
var isEmpty = true;
for(var p in cur){
isEmpty = false;
recurse(cur[p], prop ? prop+"-"+p : p);
}
if(isEmpty && prop)
result[prop] = {};
}
}
for(var i=0; i<data.length; i++){
result = {};
recurse(data[i], "");
resultMain[i] = result;
}
return resultMain;
}行动中的Object.flatten()：
const arr = [{
name: 'x',
type: 'type1',
parent: [{
name: "a",
type: 'type1'
}]
}, {
name: 'y',
type: 'type1',
parent: [{
name: "b",
type: 'type1'
}]
}];
Object.flatten = function(data){
var resultMain = [];
var result = {};
function recurse(cur, prop){
if (Object(cur) !== cur){
result[prop] = cur;
}else if(Array.isArray(cur)){
for(var i=0, l=cur.length; i<l; i++)
recurse(cur[i], prop);
if(l == 0)
result[prop] = [];
}else{
var isEmpty = true;
for(var p in cur){
isEmpty = false;
recurse(cur[p], prop ? prop+"-"+p : p);
}
if(isEmpty && prop)
result[prop] = {};
}
}
for(var i=0; i<data.length; i++){
result = {};
recurse(data[i], "");
resultMain[i] = result;
}
return resultMain;
}
console.log(Object.flatten(arr));
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/57846754
复制相关文章
相似问题
腾讯云开发者
