Javascript JSON поперечный с иерархическим выводом

1

Я пытаюсь прочитать схему JSON, но не могу понять, как вывести в иерархическую структуру все предыдущие объекты и т.д.

Это JSON Response Scheme

{
"Shopping": {
"Orders": {
  "OrderInfo": {
    "OrderNumber": "D0102864",
    "ContactID": "AS76372",
    "OrderDate": "01/01/2018",
    "Billing": {
      "BillingID": "B673472",
      "Name": "Fred Smith"
    },
    "Delivery": {
      "DeliveryID": "D769397",
      "Name": "Joe Blogg"
    },
    "Discount": {
      "DiscountValue": "10"
    },
    "OrderProduct": {
      "NumberofItems": "1",
      "Items": {
        "Item": {
          "ProductID": "P5763868",
          "ItemName": "Big Blue Box",
          "Price": "10",
        }
      }
    }
   }
  }
 }
}

С несколькими массивами элементов добавлен []

{
 "Shopping": {
"Orders": {
  "OrderInfo": {
    "OrderNumber": "D0102864",
    "ContactID": "AS76372",
    "OrderDate": "01/01/2018",
    "Billing": {
      "BillingID": "B673472",
      "Name": "Fred Smith"
    },
    "Delivery": {
      "DeliveryID": "D769397",
      "Name": "Joe Blogg"
    },
    "Discount": {
      "DiscountValue": "10"
    },
    "OrderProduct": {
      "NumberofItems": "2",
      "Items": {
        "Item": [
          {
          "ProductID": "P5763868",
          "ItemName": "Big Blue Box",
          "Price": "10",
          },
          {
          "ProductID": "P57638262",
          "ItemName": "Big Red Box",
          "Price": "20",
          }
        ]
      }
    }
   }
  }
 }
}

В рамках следующей функции javascript Im пытается сгенерировать структуру вывода Object_nestedObject_Keyname, как пример ниже. Просто примечание: JSON - это вызов Ajax вместе с другими данными, но мне нужно только поперечить только торговый объект.

 function js_traverse(o) {
 var type = typeof o 
 if (type == "object") {

    for (var key in o) {

        console.log("key: ", key)
        js_traverse(o[key])
    }
  } else {
    console.log("value: ",o)
  }
 }

 js_traverse(data['Shopping']); <- above scheme

и я пытаюсь создать следующий вывод в виде консольного дерева сортировки древовидной структуры

 Orders
 Orders_OrdersInfo
 Orders_OrdersInfo_OrderNumber
 Orders_OrdersInfo_ContactID
 Orders_OrdersInfo_OrderDate
 Orders_OrdersInfo_Billing
 Orders_OrdersInfo_Billing_BillingID
 Orders_OrdersInfo_Billing_Name
 Orders_OrdersInfo_Delivery
 Orders_OrdersInfo_Delivery_DeliveryID
 Orders_OrdersInfo_Delivery_Name
 Orders_OrdersInfo_Discount
 Orders_OrdersInfo_Discount_DiscountValue
 Orders_OrdersInfo_OrderProduct
 Orders_OrdersInfo_OrderProduct_NumberofItems
 Orders_OrdersInfo_OrderProduct_Items
 Orders_OrdersInfo_OrderProduct_Items_Item
 Orders_OrdersInfo_OrderProduct_Items_Item_ProductID_1 <-- increment number at end if multiple item
 Orders_OrdersInfo_OrderProduct_Items_Item_ItemName_1 <-- increment at end if multiple item
 Orders_OrdersInfo_OrderProduct_Items_Item_Price_1 <-- increment at end if multiple item
  • 0
    зачем вам цифры, начинающиеся с единицы, а не взятия индекса?
  • 0
    Спасибо, отлично, я могу использовать индекс вместо
Показать ещё 1 комментарий
Теги:
tree

1 ответ

1
Лучший ответ

Вы можете использовать рекурсивный подход, проверив значение и тип, затем возьмите либо клавиши kthe, либо покажите путь к объекту.

function getKeys(object) {
    function iter(o, p) {
        if (o && typeof o === 'object') {
            Object.keys(o).forEach(k => iter(o[k], p.concat(k)));
        } else {
            console.log(p.join('_'));
        }
    }
    iter(object, []);
}

var object = { Shopping: { Orders: { OrderInfo: { OrderNumber: "D0102864", ContactID: "AS76372", OrderDate: "01/01/2018", Billing: { BillingID: "B673472", Name: "Fred Smith" }, Delivery: { DeliveryID: "D769397", Name: "Joe Blogg" }, Discount: { DiscountValue: "10" }, OrderProduct: { NumberofItems: "2", Items: { Item: [{ ProductID: "P5763868", ItemName: "Big Blue Box", Price: "10" }, { ProductID: "P57638262", ItemName: "Big Red Box", Price: "20" }] } } } } } };

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

Дополнительная функция для генерации массива/объекта из заданного массива с ключами и значением. Это работает с проверкой, является ли данный ключ числом.

function setValue(object, path, value) {
    var last = path.pop();

    path.reduce((o, k, i, kk) => o[k] = o[k] || (isFinite(i + 1 in kk ? kk[i + 1] : last) ? [] : {}), object)[last] = value;
}

function getValues(object) {
    function iter(o, p) {
        if (o && typeof o === 'object') {
            Object.keys(o).forEach(k => iter(o[k], p.concat(k)));
        } else {
            result.push([p, o]);
        }
    }

    var result = [];
    iter(object, []);
    return result;
}

var object = { Shopping: { Orders: { OrderInfo: { OrderNumber: "D0102864", ContactID: "AS76372", OrderDate: "01/01/2018", Billing: { BillingID: "B673472", Name: "Fred Smith" }, Delivery: { DeliveryID: "D769397", Name: "Joe Blogg" }, Discount: { DiscountValue: "10" }, OrderProduct: { NumberofItems: "2", Items: { Item: [{ ProductID: "P5763868", ItemName: "Big Blue Box", Price: "10" }, { ProductID: "P57638262", ItemName: "Big Red Box", Price: "20" }] } } } } } },
    values = getValues(object),
    objectFromValues = {};

values.forEach(([keys, value]) => setValue(objectFromValues, keys, value));

console.log(objectFromValues);
console.log(values)
.as-console-wrapper { max-height: 100% !important; top: 0; }
Поделиться
  • 0
    Вау, это быстро! Спасибо Нина. Собираюсь попробовать это в моей настройке
  • 0
    Работает отлично, спасибо.
Показать ещё 8 комментариев

Ещё вопросы

Сообщество Overcoder
Наверх
Меню