在JQuery和Ternary语句中遍历JSON循环

Question

嗨，我在过去的一个小时里一直在为此苦苦挣扎，并在解析JSON时倾倒了所有旧线程，但遇到了两个问题。 首先是能够使用此代码遍历我的两个对象。

 <script>
     $.each(data, function(index, obj) { 
        $.each(obj, function(key, val) { 
          items.push((key == "key") 
          ? '<input type="checkbox" name="' + val + ' /> ' 
          : '<div id="' + key + '">' + key + ': ' + val + '</div>'
        }); 
    });
 </script>

使用$.each(data[0 or 1], function(key, val)可以让我解析一个或另一个部分。

到目前为止，php的输出是

[
    {
        "key":"4",
        "role":null,
        "region":"",
        "inspection_type":"melons",
        "inspection_number":"123",
        "customer_number":"",
        "report_date":"0000-00-00",
        "status":"0",
        "order_date":"2012-02-17 13:59:18",
        "customer":"",
        "customer_division":"",
        "location":"",
        "memo":null,
        "billing_key":null,
        "shipper":"",
        "po":"",
        "commodity":"",
        "label":""
    },

    {
        "key":"2",
        "role":null,
        "region":"Seattle",
        "inspection_type":"berries",
        "inspection_number":"1023",
        "customer_number":"206-420-9564",
        "report_date":"2012-10-21",
        "status":"1",
        "order_date":"2012-02-17 12:24:11",
        "customer":"Jd Daniel",
        "customer_division":"The Moon",
        "location":"West Seattle, WA",
        "memo":null,
        "billing_key":null,
        "shipper":"Shipper1",
        "po":"PO1",
        "commodity":"Commodity1",
        "label":"Label1"
    }
]

并且将始终保持良好的状态。

第二个问题是我的三元声明。 再次使用$.each(data[0 or 1], function(key, val)至少会在命中key =='key'时向我传递TRUE，但不会通过管道输出预期的<input>框，而是True / False？我显然在这里做错了很多事情，有人可以为我指出我的天真吗？

已编辑

重构代码，解决三元声明

Answer 1

.push()将括号内的所有内容添加到数组的新索引中：

items.push(key == "key") ? '<input type="checkbox" name="' + val + ' /> ' : '';

应该：

items.push((key == "key") ? '<input type="checkbox" name="' + val + ' /> ' : '');

注意， if语句的返回未包含在括号中。 由于括号内唯一的内容是key == "key" ，因此只会将true或false添加到数组中。

您的$.each()代码遍历从PHP返回的对象数组，但是key等于当前迭代的数组索引，而val是数组索引中的实际对象。 要访问val变量中对象的属性，可以执行以下操作：

  $.each(data, function(index, obj) {
      items.push('<input type="checkbox" name="' + obj.key + ' />');
  });

每当我设置代码以接收来自Web服务的数据时； 我在回调的第一行中做了一个console.log(data) ，以确切地了解如何访问我想要的每个属性。