javascript - for-in 循环到 for 循环或 forEach

Question

好的，我有以下场景。我需要将此 for-in 循环转换为 for 循环或 forEach。我尝试了一些不同的示例，但似乎无法将代码附加到页面。 for-in 循环可以工作，但是对于我需要编写的代码，这是不允许的。

这是一个示例变量

var work = {
        "jobs": [{

                "employer": "Java",
                "title": "Script",
                "dates": "2017",
                "description": "description",
            }
        }

这是我必须工作的代码。当前处于 for-in 循环中，但需要将其放入 for 或 forEach 循环中。

function displayWork() {
    for (job in work.jobs) {
        //create new div for work experience
        $("#workExperience").append(HTMLworkStart);
        //concat employer and title
        var formattedEmployer = HTMLworkEmployer.replace("%data%",
            work.jobs[job].employer);
        var formattedTitle = HTMLworkTitle.replace("%data%", work.jobs[job].title);
        var formattedEmployerTitle = formattedEmployer + formattedTitle;
        $(".work-entry:last").append(formattedEmployerTitle);

        var formattedDates = HTMLworkDates.replace("%data%", work.jobs[job].dates);
        $(".work-entry:last").append(formattedDates);
        var formattedDescription = HTMLworkDescription.replace("%data%",
            work.jobs[job].description);
        $(".work-entry:last").append(formattedDescription);
    });
}

displayWork();

Answer 1

看起来您将在工作对象中拥有一个数组，尽管您的示例缺少作业数组的右方括号，并且可能是如果数组中有多个条目，情况会更清晰。

给定这样的数据结构:

var work = {
  jobs: [
    {
      employer: "example1"
    },
    {
      employer: "example2"
    },
    {
      employer: "example3"
    }
  ]
}

您可以使用一个简单的 for 循环，因为作业数组将具有从零开始的连续整数键:

for (var i = 0; i < work.jobs.length; i++) {
  // do stuff with current job in work.jobs[i]
  var current_employer = work.jobs[i].employer;
}