javascript - 想要将 IF 语句与 JSON 一起使用

Question

我有非常简单的代码，从 JSON 文件中获取项目并将其显示在 DIV 中。但是，目前我正在根据数组中的顺序访问每个项目。我想在每个项目之外添加一个 IF 语句，以防 JSON 文件中的顺序发生更改。每个项目也有自己的 id。例如，如果 JSON 文件发生更改，data[0].itemName 最终可能会变为 data[1].itemName。

(function() {

 'use strict';

 var url = 'path to json';

 $.getJSON(url, function(data) {

            $('#recipeIngredients').html(

            "<ul>" + 
                "<li>" + '1/2 tsp salt' + "</li>" +
                "<li>" + '2 cups ' + (data._id == "1" ? data.itemName : " ") + "</li>" +
                "<li>" + data.itemName + "</li>" +
            "</ul>");

 });

})();

JSON如下:

var data = [ { "itemName" : "exampleItem1", "_id" : "1" }, { "itemName" : "exampleItem2", "_id" : "2" } ]

Answer 1

测试这个例子

var data = [{
  "id": "1",
  "itemName": "exampleItem1"
}, {
  "id": "2",
  "itemName": "exampleItem2"
}];
var ul = "<ul>";
for (var i = 0; i < data.length; i++) {
  ul += "<li>" + '1/2 tsp salt' + "</li>" +
    "<li>" + '2 cups ' +
    (data[i].id == "2" ? data[i].itemName : " ") +
    "</li>" +
    "<li>" + data[i].itemName + "</li>";

}
ul += "</ul>";
document.body.innerHTML = ul;

var data = [{
  "id": "1",
  "itemName": "exampleItem1"
}, {
  "id": "2",
  "itemName": "exampleItem2"
}];
var ul = "<ul>";
for (var i = 0; i < data.length; i++) {
  ul += "<li>" + '1/2 tsp salt' + "</li>" +
    "<li>" + '2 cups ';
//if statement should like this
if(data[i].id == "2") ul += data[i].itemName;
//add else if you want
else ul += "_ _ _";

  ul += "</li>" +
    "<li>" + data[i].itemName + "</li>";

}
ul += "</ul>";
document.body.innerHTML = ul;