如何获取数组中的键值元素 - ionic 3

Question

我是离子新手，

我正在尝试在添加到购物车的购物车页面中显示产品。使用 rest API，我在控制台中得到这样的响应。

"items": {
  "29.2.2.0.YTowOnt9": {
    "j2store_orderitem_id": null,
    "order_id": null,
    "orderitem_type": "normal",
    "cart_id": "59",
    "cartitem_id": "29",
    "product_id": "2"
  },
  "30.5.5.0.YTowOnt9": {
    "j2store_orderitem_id": null,
    "order_id": null,
    "orderitem_type": "normal",
    "cart_id": "59",
    "cartitem_id": "30",
    "product_id": "5"
  }

现在，问题是 29.2.2.0.YTowOnt9（购物车项目唯一键）是一种产品，30.5.5.0.YTowOnt9 是另一种产品。现在我需要在卡片中显示它，并且每个产品属性都应该显示在相应的卡片中。

如何在循环中获取 cart_id 和 product_id？

Answer 1

Object.keys(object1) return name of keys as a string array

然后您可以使用

的 foreach 字符串获取产品 ID

object1.items[a].product_id




  const object1 = {
      "items": {
        "29.2.2.0.YTowOnt9": {
          "j2store_orderitem_id": null,
          "order_id": null,
          "orderitem_type": "normal",
          "cart_id": "59",
          "cartitem_id": "29",
          "product_id": "2"
        },
        "30.5.5.0.YTowOnt9": {
          "j2store_orderitem_id": null,
          "order_id": null,
          "orderitem_type": "normal",
          "cart_id": "59",
          "cartitem_id": "30",
          "product_id": "5"
        }
      }
    };

    var arr = Object.keys(object1.items);

    arr.forEach(a => {
      console.log(a) //item id
      console.log(object1.items[a].product_id) //product id
    });

如何获取数组中的键值元素 - ionic 3

how to get key value elements in array - ionic 3

html

javascript

typescript

ionic-framework

ionic3