【问题标题】:how to get key value elements in array - ionic 3如何获取数组中的键值元素 - ionic 3
【发布时间】:2019-08-21 04:43:25
【问题描述】:

我是 ionic 新手,

我正在尝试在购物车中添加的购物车页面中显示产品。使用 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?

【问题讨论】:

  • 如果我是正确的,您希望在卡片中显示返回结果作为产品明智并显示其属性。

标签: javascript html typescript ionic-framework ionic3


【解决方案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
    });

【讨论】:

  • 感谢您的回答。我得到了解决方案..但现在我需要显示这是在 html(离子框架)中显示@Yusuf Kayikci
猜你喜欢
  • 2019-12-09
  • 1970-01-01
  • 2012-11-20
  • 1970-01-01
  • 2019-09-06
  • 2012-08-09
  • 2018-01-19
  • 1970-01-01
  • 2017-02-23
相关资源
最近更新 更多