使用Javascript收集数据

Question

我有以下数组。

var data = [ 
    { 
    'key': "Parent A", 
    'value': [{ 
     'key': "Child A.1", 
     'value': "A1" 
    }] 
    }, 
    { 
    'key': "Parent B", 
    'value': [{ 
     'key': "Child B.1", 
     'value': "B1" 
     }, 
     { 
     'key': "Child B.2", 
     'value': "B2" 
     } 
    ] 
    } 
] 

我需要创建一个新的数组，其中子元素将在一行中。

例如，

{ info: 'outside = (Parent B) inside(Child B.1 , Child B.2)' } 

我曾尝试下面的代码

var newData = [] 
data.forEach(function(elements) { 
    var elOne = elements.value 

    for (var childElement = 0; childElement < elOne.length; childElement++) { 
    var r = elOne[childElement].key 
    newData.push({ 
     'info': "outside = (" + elements.key + ") inside(" + r + ")" 
    }) 
    } 
}) 

console.log("--------------------") 
newData.forEach(yy=> console.log(yy)) 

结果是这样的

{ info: 'outside = (Parent A) inside(Child A.1)' } 
{ info: 'outside = (Parent B) inside(Child B.1)' } 
{ info: 'outside = (Parent B) inside(Child B.2)' } 

我怎样才能解决这个问题？

Answer 1

基本上你不想做的每一个元素childElement新的“推”，而是要连接所有的子元素转换为字符串，并做一个“推”每包含连接字符串父元素：

var data = [ 
 

 
    { 
 
    'key': "Parent A", 
 
    'value': [{ 
 
     'key': "Child A.1", 
 
     'value': "A1" 
 
    }] 
 
    }, 
 
    { 
 
    'key': "Parent B", 
 
    'value': [{ 
 
     'key': "Child B.1", 
 
     'value': "B1" 
 
     }, 
 
     { 
 
     'key': "Child B.2", 
 
     'value': "B2" 
 
     } 
 
    ] 
 
    } 
 
]; 
 
var newData = []; 
 
data.forEach(function(elements) { 
 
    var elOne = elements.value; 
 
    var r = ""; 
 
    for (var childElement = 0; childElement < elOne.length; childElement++) { 
 
    if (r != "") r += ", "; 
 
    r += elOne[childElement].key; 
 
    } 
 
    newData.push({ 
 
    'info': "outside = (" + elements.key + ") inside(" + r + ")" 
 
    }) 
 

 
}) 
 

 
console.log("--------------------") 
 
newData.forEach(yy => console.log(yy))

Answer 2

你可以做这样的事情：

const newData = []; 
 
const data = [ 
 
     { 
 
       'key' : "Parent A", 
 
       'value' : [ { 'key' : "Child A.1", 'value' : "A1" } ] 
 
     }, 
 
     { 
 
       'key' : "Parent B", 
 
       'value' : [ { 'key' : "Child B.1", 'value' : "B1" }, { 'key' : "Child B.2", 'value' : "B2" } ] 
 
     } 
 
]; 
 

 
data.forEach((elem) => { 
 
\t const child = elem.value.map((o) => o.key).join(' , '); 
 
\t newData.push({ info: `outside = (${elem.key}) inside(${child})` }); 
 
}); 
 

 
console.log(newData);

在这里，我迭代data阵列上，我从value财产所有按键与Array.map()功能，最后，我concate他们Array.join()。