通过比较两个键来连接两个json数组

我不想通过比较每个数组中的两个字段来连接两个json数组（如SQL连接：请参阅代码中的if），并将第二个数组中的值添加到第一阵列。我尝试通过使用嵌套循环来解决此问题，并将内部循环的值传递给外部循环（请参阅代码）。但结果是alwayś0.通过比较两个键来连接两个json数组

曼尼谢谢！

下面是代码示例：

var dmNodeGraph = [ { id: 'marathonschaatsteams', 
     group: '9', 
     type: 'child', 
     color: '33cccc' }, 
     { id: 'KNSB', group: '9', type: 'child', color: '33cccc' }, 
     { id: 'stationshuisje', 
     group: '9', 
     type: 'child', 
     color: '33cccc' }, 
     { id: 'RTV', group: '9', type: 'child', color: '33cccc' }, 
     { id: 'wachten', group: '5', type: 'child', color: '99cc00' }, 
     { id: 'smartcards', group: '9', type: 'child', color: '33cccc' } ] 

var groupByLink = [ { key: 'stationshuisje-kpn-9', values: 1 }, 
     { key: 'RTV-tele2-9', values: 14 }, 
     { key: 'Spelen-kpn-9', values: 13 }, 
     { key: 'hoofdsponsor-kpn-9', values: 14 }, 
     { key: 'schaatsen-kpn-9', values: 13 }, 
     { key: 'KNSB-kpn-9', values: 17 }, 
     { key: 'klanten-ziggo-9', values: 3 }, 
     { key: 'kaarten-ziggo-9', values: 1 }, 
     { key: 'wachten-ziggo-9', values: 1 }, 
     { key: 'marathonschaatsteams-kpn-9', values: 1 }, 
     { key: 'wachten-tele2-9', values: 1 }, 
     { key: 'gebruiken-kpn-9', values: 1 }, 
     { key: 'wachten-kpn-9', values: 1 }, 
     { key: 'abonnementen-kpn-9', values: 2 }, 
     { key: 'wachten-Glasvezel-5', values: 1 }, 
     { key: 'smartcards-ziggo-9', values: 2 } ] 



$('#test').append('This is from the loop <br>') 
for (var i = 0; i < dmNodeGraph.length; i++){ 
     var id = dmNodeGraph[i].id 
     var group = dmNodeGraph[i].group 
     var value 
      //$('#test').append('<br> ------------------- id: ' + id + ' group: ' + group + '--------------------' ) 
     // 4.A.1.A Loop per Node through the grouped links 
     for (var gl = 0 ; gl < groupByLink.length ; gl++){ 
     //value = 0 
     var keys = groupByLink[gl].key.split('-') 
     if (keys[0] == id && keys[2] == group){ 
      value = groupByLink[gl].values 

      // Location A 
      //$('#test').append('<br> id: ' + id + ' group: ' + group + ' values: ' + value) 
     } 
     } 
       // Location B 
      dmNodeGraph[i].values = value 
      $('#test').append('<br> id: ' + id + ' group: ' + group + ' values: ' + value) 
     }

的代码示例也可在jsFidle（https://jsfiddle.net/L67nwzs0/22/）

来源

2017-01-04 Erik hoeven

[在到一个阵列合并两个JSON/JavaScript数组]的可能的复制（http://stackoverflow.com/questions/ 10384845/merge-two-json-javascript-arrays-in-to-one-array） – Pete

删除值= 0，在循环的最后一次迭代中使其为零。在你声明var value = 0的地方进行初始化; – softwarenewbie7331

删除分配value=0 .//overriding的值。

var dmNodeGraph = [ { id: 'marathonschaatsteams', 
 
    group: '9', 
 
    type: 'child', 
 
    color: '33cccc' }, 
 
    { id: 'KNSB', group: '9', type: 'child', color: '33cccc' }, 
 
    { id: 'stationshuisje', 
 
    group: '9', 
 
    type: 'child', 
 
    color: '33cccc' }, 
 
    { id: 'RTV', group: '9', type: 'child', color: '33cccc' }, 
 
    { id: 'wachten', group: '5', type: 'child', color: '99cc00' }, 
 
    { id: 'smartcards', group: '9', type: 'child', color: '33cccc' } ] 
 

 
var groupByLink = [ { key: 'stationshuisje-kpn-9', values: 1 }, 
 
    { key: 'RTV-tele2-9', values: 14 }, 
 
    { key: 'Spelen-kpn-9', values: 13 }, 
 
    { key: 'hoofdsponsor-kpn-9', values: 14 }, 
 
    { key: 'schaatsen-kpn-9', values: 13 }, 
 
    { key: 'KNSB-kpn-9', values: 17 }, 
 
    { key: 'klanten-ziggo-9', values: 3 }, 
 
    { key: 'kaarten-ziggo-9', values: 1 }, 
 
    { key: 'wachten-ziggo-9', values: 1 }, 
 
    { key: 'marathonschaatsteams-kpn-9', values: 1 }, 
 
    { key: 'wachten-tele2-9', values: 1 }, 
 
    { key: 'gebruiken-kpn-9', values: 1 }, 
 
    { key: 'wachten-kpn-9', values: 1 }, 
 
    { key: 'abonnementen-kpn-9', values: 2 }, 
 
    { key: 'wachten-Glasvezel-5', values: 1 }, 
 
    { key: 'smartcards-ziggo-9', values: 2 } ] 
 

 

 

 
$('#test').append('This is from the loop <br>') 
 
for (var i = 0; i < dmNodeGraph.length; i++){ 
 
    var id = dmNodeGraph[i].id 
 
    var group = dmNodeGraph[i].group 
 
    var value=0;//declare here 
 
\t \t //$('#test').append('<br> ------------------- id: ' + id + ' group: ' + group + '--------------------' ) 
 
    // 4.A.1.A Loop per Node through the grouped links 
 
    for (var gl = 0 ; gl < groupByLink.length ; gl++){ 
 
    var keys = groupByLink[gl].key.split('-'); 
 
    if (keys[0] == id && keys[2] == group){ 
 
     value = groupByLink[gl].values 
 
     
 
     // Location A 
 
     //$('#test').append('<br> id: ' + id + ' group: ' + group + ' values: ' + value) 
 
    } 
 
\t \t } 
 
\t \t \t \t // Location B 
 
     dmNodeGraph[i].values = value 
 
     $('#test').append('<br> id: ' + id + ' group: ' + group + ' values: ' + value); 
 
\t }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id='test'> 
 

 
</div>

来源

2017-01-04 09:54:35

如果你不想使用第三个变量试试这个

dmNodeGraph.push.apply(dmNodeGraph, groupByLink); 



console.log(dmNodeGraph) // contains both dmNodeGraph and groupByLink

来源

2017-01-04 09:54:24

您每次迭代将值初始化为0并且最后的聚合丢失

var dmNodeGraph = [ { id: 'marathonschaatsteams', 
 
     group: '9', 
 
     type: 'child', 
 
     color: '33cccc' }, 
 
     { id: 'KNSB', group: '9', type: 'child', color: '33cccc' }, 
 
     { id: 'stationshuisje', 
 
     group: '9', 
 
     type: 'child', 
 
     color: '33cccc' }, 
 
     { id: 'RTV', group: '9', type: 'child', color: '33cccc' }, 
 
     { id: 'wachten', group: '5', type: 'child', color: '99cc00' }, 
 
     { id: 'smartcards', group: '9', type: 'child', color: '33cccc' } ] 
 
    
 
var groupByLink = [ { key: 'stationshuisje-kpn-9', values: 1 }, 
 
     { key: 'RTV-tele2-9', values: 14 }, 
 
     { key: 'Spelen-kpn-9', values: 13 }, 
 
     { key: 'hoofdsponsor-kpn-9', values: 14 }, 
 
     { key: 'schaatsen-kpn-9', values: 13 }, 
 
     { key: 'KNSB-kpn-9', values: 17 }, 
 
     { key: 'klanten-ziggo-9', values: 3 }, 
 
     { key: 'kaarten-ziggo-9', values: 1 }, 
 
     { key: 'wachten-ziggo-9', values: 1 }, 
 
     { key: 'marathonschaatsteams-kpn-9', values: 1 }, 
 
     { key: 'wachten-tele2-9', values: 1 }, 
 
     { key: 'gebruiken-kpn-9', values: 1 }, 
 
     { key: 'wachten-kpn-9', values: 1 }, 
 
     { key: 'abonnementen-kpn-9', values: 2 }, 
 
     { key: 'wachten-Glasvezel-5', values: 1 }, 
 
     { key: 'smartcards-ziggo-9', values: 2 } ] 
 
    
 
    
 
    
 
$('#test').append('This is from the loop <br>') 
 
for (var i = 0; i < dmNodeGraph.length; i++){ 
 
     var id = dmNodeGraph[i].id 
 
     var group = dmNodeGraph[i].group 
 
     var value=0; // initiallize with 0 for ever new iteration 
 
     for (var gl = 0 ; gl < groupByLink.length ; gl++){ 
 
     // value = 0 <-------- remove this one 
 
     var keys = groupByLink[gl].key.split('-') 
 
     if (keys[0] == id && keys[2] == group){ 
 
      value += groupByLink[gl].values 
 
     } 
 
    \t \t } 
 
      dmNodeGraph[i].values = value 
 
      $('#test').append('<br> id: ' + id + ' group: ' + group + ' values: ' + value) 
 
\t \t }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id='test'> 
 

 
</div>

来源

2017-01-04 09:54:35

这里是your jsfiddle工作版本。我只是取出了value变量，并直接在内部循环中使用dmNodeGraph[i].values = groupByLink[gl].values。

来源

2017-01-04 09:55:24

删除冗余分配到value

var dmNodeGraph = [ 
 
    { id: 'marathonschaatsteams', group: '9', type: 'child', color: '33cccc' }, 
 
    { id: 'KNSB', group: '9', type: 'child', color: '33cccc' }, 
 
    { id: 'stationshuisje', group: '9', type: 'child', color: '33cccc' }, 
 
    { id: 'RTV', group: '9', type: 'child', color: '33cccc' }, 
 
    { id: 'wachten', group: '5', type: 'child', color: '99cc00' }, 
 
    { id: 'smartcards', group: '9', type: 'child', color: '33cccc' } 
 
] 
 

 
var groupByLink = [ 
 
    { key: 'stationshuisje-kpn-9', values: 1 }, 
 
    { key: 'RTV-tele2-9', values: 14 }, 
 
    { key: 'Spelen-kpn-9', values: 13 }, 
 
    { key: 'hoofdsponsor-kpn-9', values: 14 }, 
 
    { key: 'schaatsen-kpn-9', values: 13 }, 
 
    { key: 'KNSB-kpn-9', values: 17 }, 
 
    { key: 'klanten-ziggo-9', values: 3 }, 
 
    { key: 'kaarten-ziggo-9', values: 1 }, 
 
    { key: 'wachten-ziggo-9', values: 1 }, 
 
    { key: 'marathonschaatsteams-kpn-9', values: 1 }, 
 
    { key: 'wachten-tele2-9', values: 1 }, 
 
    { key: 'gebruiken-kpn-9', values: 1 }, 
 
    { key: 'wachten-kpn-9', values: 1 }, 
 
    { key: 'abonnementen-kpn-9', values: 2 }, 
 
    { key: 'wachten-Glasvezel-5', values: 1 }, 
 
    { key: 'smartcards-ziggo-9', values: 2 } 
 
] 
 

 
for (var i = 0; i < dmNodeGraph.length; i++) { 
 
    var id = dmNodeGraph[i].id 
 
    var group = dmNodeGraph[i].group 
 
    for (var gl = 0; gl < groupByLink.length; gl++) { 
 
    var keys = groupByLink[gl].key.split('-') 
 
    if (keys[0] == id && keys[2] == group) { 
 
     var value = groupByLink[gl].values 
 
     console.log(id + ', ' + group + ', ' + value) 
 
    } 
 
    } 
 
}

来源

2017-01-04 10:00:22 Shreevardhan

groupByLink.map((e)=>dmNodeGraph.push(e)) 
console.log(dmNodeGraph);

来源

2017-01-04 10:05:29

通过比较两个键来连接两个json数组

回答

相关问题