JSON：使用jquery输出文本

Question

我有一个看起来像这样的JavaScript对象：

{
    "items": {
        "phone": [{
            "product": "iPhone 8",
            "manufacturer": "Apple",
            "releaseDate": "2018",
            "price": 499
        }]
    }
};

我希望它使用JavaScript或jQuery，如下所示：

谢谢你们，你们很幸运！ ：）

Answer 1

使用JSON.stringify方法将对象转换为字符串：

var info = {
  "items": {
    "phone": [{
      "product": "iPhone 8",
      "manufacturer": "Apple",
      "releaseDate": "2018",
      "price": 499
    }]
  }
};

$("#content").text(JSON.stringify(info));

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="content"></div>

Answer 2

循环浏览phone对象中的info.items项。

对于每件商品，请创建一个电话container并将其附加到content

可以像info.items[i].propertynamehere一样访问手机属性。下面是一个示例，您可以根据需要设置样式，并根据需要进行构造。

for (var i = 0; i < info.items.phone.length; i++) {
    var phone = "<div class='phone'>" + info.items.phone[i].product + "</div>";
    $("#content").append(phone);
}

这使用JQuery，因此请确保include。如果您希望使用纯Javascript实现，请告诉我，我可以提供。