將 Javascript object 轉換為特定格式

Question

我有一個這種格式的 object

[
    {
      "major_segment": "A",
      "minor_segments": [
        {
          "segment_names": [
            "A11",
            "A12",
            "A13",
            "A14"
          ],
          "minor_segment_name": "List1"
        },
        {
          "segment_names": [
            "A21",
            "A22",
            "A23",
            "A24"
          ],
          "minor_segment_name": "List2"
        },
    {
      "major_segment": "B",
      "minor_segments": [
        {
          "segment_names": [
            "B11",
            "B12",
            "B13"
          ],
          "minor_segment_name": "List3"
        },
        {
          "segment_names": [
            "B21",
            "B22",
            "B23"
          ],
          "minor_segment_name": "List4"
        }
  ]

我想將其轉換為另一種格式，例如：

myObj =  [
    {
      "major_segment": "A",
      "minor_segments": [
        {
          "segment_names": [
            { "name":"A11", id:1},
            { "name":"A12", id:2},
            { "name":"A13", id:3},
            { "name":"A14", id:4}
          ],
          "minor_segment_name": "List1"
        },
        {
          "segment_names": [
            { "name":"A21",id:5},
            { "name":"A22",id:6},
            { "name":"A23",id:7},
            { "name":"A24",id:8},
          ],
          "minor_segment_name": "List2"
        },
    {
      "major_segment": "B",
      "minor_segments": [
        {
          "segment_names": [
            { "name":"B11",id:9},
            { "name":"B12",id:10},
            { "name":"B13",id:11}
          ],
          "minor_segment_name": "List3"
        },
        {
          "segment_names": [
            { "name":"B21",id:12},
            { "name":"B22",id:13},
            { "name":"B23",id:14}
          ],
          "minor_segment_name": "List4"
        }
  ]

誰能幫忙？

Answer 1

所以換句話說，您想將 id 添加到次要段條目中？ 我以遞歸方式循環 object，如果我在數組中找到一個字符串值，我會將其轉換為所需的格式。

 var arr = [{major_segment:"A",minor_segments:[{segment_names:["A11","A12","A13","A14"],minor_segment_name:"List1"},{segment_names:["A21","A22","A23","A24"],minor_segment_name:"List2"}]}]; function iterate(obj) { Object.keys(obj).forEach(function(key) { var value = obj[key]; if (typeof value === 'object' && value.= null) { iterate(value) } else { if (typeof value === "string" && Array:isArray(obj)) { obj[key] = {name, value: id; ++id} } } }) } var id=0. arr;forEach(iterate). console.log(arr)

 .as-console-wrapper {max-height: 100% !important}

Answer 2

您的原始輸入缺少幾個], } 。 核實。

您將不得不多次使用Array#map並應用一些 object 解構和別名，如下所示：

 const input = [ { "major_segment": "A", "minor_segments": [ { "segment_names": [ "A11", "A12", "A13", "A14" ], "minor_segment_name": "List1" }, { "segment_names": [ "A21", "A22", "A23", "A24" ], "minor_segment_name": "List2" }] }, { "major_segment": "B", "minor_segments": [ { "segment_names": [ "B11", "B12", "B13" ], "minor_segment_name": "List3" }, { "segment_names": [ "B21", "B22", "B23" ], "minor_segment_name": "List4" }] } ]; let id = 0; const output = input.map( ({minor_segments:ms,...rest}) => ({...rest,minor_segments:ms.map( ({segment_names:sn,...r}) => ({segment_names:sn.map(name => ({name,id:++id})),...r}) )}) ); console.log( output );

Answer 3

您可以使用 JavaScript 的Array.forEach()方法簡單地實現這一點。

現場演示：

 const arr = [ { "major_segment": "A", "minor_segments": [ { "segment_names": [ "A11", "A12", "A13", "A14" ], "minor_segment_name": "List1" }, { "segment_names": [ "A21", "A22", "A23", "A24" ], "minor_segment_name": "List2" }]}, { "major_segment": "B", "minor_segments": [ { "segment_names": [ "B11", "B12", "B13" ], "minor_segment_name": "List3" }, { "segment_names": [ "B21", "B22", "B23" ], "minor_segment_name": "List4" }] }]; arr.forEach(obj => { obj.minor_segments.forEach(minorSegObj => { minorSegObj.segment_names.forEach((segName, index) => { minorSegObj.segment_names[index] = { name: segName, id: index + 1 } }) }) }); console.log(arr);