javascript - 在对象中循环数组并根据数组值操作对象数据？

Question

我有这个非常痛苦的任务，我想与更有经验的开发人员分享。这看起来很容易，但我认为这真的很棘手。我将在这里只向您展示对象，因为真实的对象涉及很多其他内容。

这是对象:

var data = {
checkboxes: ["A", "B", "C"],
customers : 1,
expDate: 2015
}

如果我基于 data.checkboxes.length 做一个简单的 for 循环，我会得到这样的结果:

Object {checkboxes: Array["A", "B", "C"], customers: 1, expDate: 2015}
Object {checkboxes: Array["A", "B", "C"], customers: 1, expDate: 2015}
Object {checkboxes: Array["A", "B", "C"], customers: 1, expDate: 2015}

如您所见，每个复选框都包含 3 个项目，这不是我想要的。我希望每个对象都具有复选框数组中的一个值。

这是我期望得到的结果:

Object {checkboxes: "A", customers: 1, expDate: 2015}
Object {checkboxes: "B", customers: 1, expDate: 2015}
Object {checkboxes: "C", customers: 1, expDate: 2015}

我不知道，但对我来说这似乎很困惑。也许你们以前已经做过类似的事情。如果您分享您的想法，我将不胜感激。

提前致谢

Answer 1

您需要使用该迭代器来访问复选框的子索引

var data = {
checkboxes: ["A", "B", "C"],
customers : 1,
expDate: 2015
}

console.log(data);

function getFormattedData()
{
   
  document.write("<p>Printing Results:<br/>");
  
  var results = [];
  for(var i = 0; i < data.checkboxes.length; i++)
  {
    results[i] = data.checkboxes[i] + ", " + data.customers + ", " + data.expDate;  
    document.write(results[i] + "<br/>");
  } 
  
  document.write("</p>");
  
  return results; 
}


getFormattedData();


data.customers = 2;


getFormattedData();

编辑:制作成可重复使用的函数，在提问者评论之后