d3.jsで使用するためのjson文字列操作

Question

私は2つの質問の1つを持っています。どうすればJavaScriptのJSON文字列データ構造を操作できますか？

[ 
    { 
     "Name":"A170", 
     "Values":{ 
     "Level 1":1, 
     "Level 2":22, 
     "Level 3":22, 
     "Level 4":1 
     } 
    }, 
    { 
     "Name":"A220", 
     "Values":{ 
     "Level 1":2, 
     "Level 2":1, 
     "Level 3":1, 
     "Level 4":1 
     } 
    } 
] 

代わりにこの構造を取得しますか？

[ 
    { 
     "Name":"A170", 
     "Level 1":1, 
     "Level 2":22, 
     "Level 3":22, 
     "Level 4":1 
    }, 
    { 
     "Name":"A220", 
     "Level 1":2, 
     "Level 2":1, 
     "Level 3":1, 
     "Level 4":1 
    } 
] 

また、d3グループ化されたデータチャートコードを変更して、最初のデータ構造で動作させる方法もあります。ここでは、これまで2番目の（望ましい）データ構造でうまく動作しています： http://jsbin.com/tutigaxevo/edit?js,outputすべての助けに感謝します。私はJSの人ではない。

Answer 1

このようにJSON文字列データ構造を操作することができます。

var myJson = [ 
 
    { 
 
     "Name":"A170", 
 
     "Values":{ 
 
     "Level 1":1, 
 
     "Level 2":22, 
 
     "Level 3":22, 
 
     "Level 4":1 
 
     } 
 
    }, 
 
    { 
 
     "Name":"A220", 
 
     "Values":{ 
 
     "Level 1":2, 
 
     "Level 2":1, 
 
     "Level 3":1, 
 
     "Level 4":1 
 
     } 
 
    } 
 
]; 
 

 
myJson = myJson.map(function(value) { 
 
var tempObj = value; 
 
    Object.keys(value).forEach(function(key){ 
 
     if (typeof value[key] === 'object') { 
 
     Object.keys(value[key]).forEach(function(val) { 
 
      tempObj[val] = value[key][val]; 
 
     }); 
 
     delete tempObj[key]; 
 
     } 
 
    }) 
 
return tempObj; 
 
}); 
 

 
console.log(myJson);