在JavaScript中展平JSON对象

Question

我有一个JSON响应，我需要根据条件展平一些对象。

在我的例子中，条件是if object === "$"

我还需要将一些数组展平为仅字符串。管理这种情况的最好方法是什么？有什么建议吗？

最终目标是将其用作GraphQL模式。

JSON响应为：

[
   {
      "$":{
         "product_id":"110015888426488829026466000222",
         "name":"Belstaff Trialmaster Pro W Motorradjacke Schwarz",
         "sku_number":"B000134394",
         "manufacturer_name":"BELSTAFF",
         "part_number":"42050011L81N03379005436"
      },
      "discount":[
         {
            "$":{
               "currency":"EUR"
            },
            "type":[
               "amount"
            ]
         }
      ],
      "price":[
         {
            "$":{
               "currency":"EUR"
            },
            "sale":[
               "1195.00"
            ],
            "retail":[
               "1195.00"
            ]
         }
      ],
      "shipping":[
         {
            "cost":[
               {
                  "$":{
                     "currency":"EUR"
                  },
                  "amount":[
                     "0.00"
                  ],
                  "currency":[
                     "EUR"
                  ]
               }
            ],
            "information":[
               "3–7 Werktage"
            ],
            "availability":[
               "in-stock"
            ]
         }
      ],
      "attributeClass":[
         {
            "$":{
               "class_id":"60"
            },
            "Product_Type":[
               "Motorcycle"
            ],
            "Size":[
               "36,38,40,42,44,46,48"
            ],
            "Material":[
               "Waxed Leather"
            ],
            "Color":[
               "Schwarz"
            ],
            "Gender":[
               "Female"
            ],
            "Age":[
               "Adult"
            ]
         }
      ]
   },
   ...
]

我想要

[
   {
      "product_id":"110015888426488829026466000222",
      "name":"Belstaff Trialmaster Pro W Motorradjacke Schwarz",
      "sku_number":"B000134394",
      "manufacturer_name":"BELSTAFF",
      "part_number":"42050011L81N03379005436"
      "discount":{
          "currency":"EUR"
          "type":"amount"
      },
      "price":{
         "currency": "EUR",
         "sale": "1195.00",
         "retail": "1195.00"
      },
      "shipping":[
         "cost":{
            "currency": "EUR"
            "amount": "0.00",
            "currency": "EUR"
         },
         "information":"3–7 Werktage",
         "availability": "in-stock"
      ],
      "attributeClass":{
         "class_id":"60",
         "Product_Type": "Motorcycle",
         "Size": "36,38,40,42,44,46,48",
         "Material": "Waxed Leather",
         "Color": "Schwarz",
         "Gender": "Female",
         "Age": "Adult"
      }
   },
   ...
]

我尝试过的：

const flatJson = async data => {
  try {
    const newData = await Promise.all(json.map( async (item, i) => {
      xxx
    }));
    return newData
  }
  catch(err) {
    console.log(err)
  }
};

Answer 1

您可以将各种类型转换为单个对象。

​

const convert = object => {
    if (!object || typeof object !== 'object') return object;
    if (Array.isArray(object)) {
        return object.every(v => typeof v === 'string')
            ? object.join()
            : Object.assign({}, ...object.map(convert));
    }
    return Object.fromEntries(Object.entries(object).flatMap(([k, v]) =>
        k === '$'
            ? Object.entries(v).map(([k, v]) => [k, convert(v)])
            : [[k, convert(v)]]
    ));
};

var data = [{ $: { product_id: "110015888426488829026466000222", name: "Belstaff Trialmaster Pro W Motorradjacke Schwarz", sku_number: "B000134394", manufacturer_name: "BELSTAFF", part_number: "42050011L81N03379005436" }, discount: [{ $: { currency: "EUR" }, type: ["amount"] }], price: [{ $: { currency: "EUR" }, sale: ["1195.00"], retail: ["1195.00"] }], shipping: [{ cost: [{ $: { currency: "EUR" }, amount: ["0.00"], currency: ["EUR"] }], information: ["3–7 Werktage"], availability: ["in-stock"] }], attributeClass: [{ $: { class_id: "60" }, Product_Type: ["Motorcycle"], Size: ["36,38,40,42,44,46,48"], Material: ["Waxed Leather"], Color: ["Schwarz"], Gender: ["Female"], Age: ["Adult"] }] }],
    result = data.map(convert);

console.log(result);

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

​

Answer 2

您可以尝试此递归代码

function recurseData(data, level) {
    var newdata = {};
    for(var prop in data) {
        if( data[prop].constructor == Object && prop=="$") {
            var data1 = recurseData(data[prop], level+1);
            for(var prop1 in data1)
                newdata[prop1] = data1[prop1];
        }
        else if(data[prop].constructor == Object){
            newdata[prop] = recurseData(data[prop],level+1);
        }
        else if(data[prop].constructor == Array && level > 0 && data[prop][0].constructor != Object && data[prop].length==1){
            newdata[prop] = data[prop][0];
        }
        else if(data[prop].constructor == Array) {
            newdata[prop] = [];
            for(var i=0;i<data[prop].length;i++)
                newdata[prop].push( recurseData(data[prop][i],level+1) );
        }
        else if(prop!="$")
            newdata[prop] = data[prop];
    }
    return newdata;
}

data[0] = recurseData(data[0], 0);

简单地循环遍历所有树结构并检测关键字$