javascript - 从两个不同的对象获取对应的值

Question

我从 ajax 调用返回了一个对象，该对象是两个不同对象数组的组合。一是工作，二是这些工作相应的客户记录。返回的对象的格式如下..

  { "jobs" : [
         {jobID: 1,
          jobLocation: here
         },
         {jobID: 2,
          jobLocation: there
         }
    ],
    "customers" : [
         {customerID:1,
          customerName:Tom
         },
         {customerID:2,
          customerName:Sally
         }
    ]
   }

作业数组中的项目按顺序与客户数组中的客户相关。 (即第一个客户拥有第一个工作)我如何迭代或解析然后迭代此对象以创建列表对象 <li>由 jobs 数组中的一个字段和customers 数组相应对象中的一个字段组成？谢谢

Answer 1

一个简单的、旧的 for 循环就可以完成这项工作:

var customers = obj.customers;
var jobs = obj.jobs;
var $ul = $("<ul></ul>");
for (var i = 0; i < customers.length; i++) {
   var customer = customers[i];
   var job = jobs[i];

   var $li = $("<li></li>").text(customer.customerName + " - " + job.jobLocation);
   $li.appendTo($ul);
}

$("#result").append($ul);

参见http://jsfiddle.net/XpQms/