JavaScript函数显示时间表

如何通过使用for循环添加JavaScript代码来迭代包含JSON数据的调度数组

var schedule = [{
  "id": "session-1",
  "title": "Registration",
  "tracks": [1, 2]
}, {
  "id": "session-2",
  "title": "Moving the Web forward with HTML5",
  "tracks": [1, 2]
}, {
  "id": "session-3",
  "title": "Diving in at the deep end with Canvas",
  "tracks": [1]
}, {
  "id": "session-4",
  "title": "New Technologies in Enterprise",
  "tracks": [2]
}, {
  "id": "session-5",
  "title": "WebSockets and You",
  "tracks": [1]
}, {
  "id": "session-6",
  "title": "Coffee and Cake Break",
  "tracks": [1, 2]
}, {
  "id": "session-7",
  "title": "Building Responsive UIs",
  "tracks": [1]
}, {
  "id": "session-8",
  "title": "Fun with Forms (no, really!)",
  "tracks": [2]
}, {
  "id": "session-9",
  "title": "A Fresh Look at Layouts",
  "tracks": [1]
}, {
  "id": "session-10",
  "title": "Real-world Applications of HTML5 APIs",
  "tracks": [2]
}, {
  "id": "session-11",
  "title": "Lunch",
  "tracks": [1, 2]
}, {
  "id": "session-12",
  "title": "Getting to Grips with JavaScript",
  "tracks": [1]
}, {
  "id": "session-13",
  "title": "Transforms and Animations",
  "tracks": [2]
}, {
  "id": "session-14",
  "title": "Web Design Adventures with CSS3",
  "tracks": [1]
}, {
  "id": "session-15",
  "title": "Introducing Data Access and Caching",
  "tracks": [2]
}, {
  "id": "session-16",
  "title": "Closing Thanks and Prizes",
  "tracks": [1, 2]
}];


// TODO: Task 2 - Get the "schedule" list element from the document
var list = document.getElementById("schedule");



function createSessionElement(session) {
  var session = document.createElement("li");
  li.textContent = session;
  JSON.parse(session, [title]);
  return the < li >


    {
      // TODO: Task 3 - Create a <li> element for the session.
      //       Add the session title as the <li> text content
      //       Return the <li> element
    }
};

function clearList() {
  while (list.firstChild) {
    list.removeChild(list.firstChild);
  }
}

function displaySchedule() {
  clearList();
  for (var i = 0; i < 14; i++) {

    list.textContent(title);
  }


  // TODO: Task 4 - Loop through the schedule array
  //       Create session elements
  //       Append the elements to the list   
}

var计划=[{
“id”：“会话1”，
“头衔”：“注册”，
“轨道”：[1,2]
}, {
“id”：“会话2”，
“标题”：“用HTML5推动网络向前发展”，
“轨道”：[1,2]
}, {
“id”：“会话3”，
“标题”：“用帆布在深水区潜水”，
“轨道”：[1]
}, {
“id”：“会话4”，
“标题”：“企业新技术”，
“轨道”：[2]
}, {
“id”：“会话-5”，
“标题”：“WebSockets和你”，
“轨道”：[1]
}, {
“id”：“会话6”，
“标题”：“咖啡和蛋糕休息”，
“轨道”：[1,2]
}, {
“id”：“会话7”，
“标题”：“构建响应式用户界面”，
“轨道”：[1]
}, {
“id”：“会话-8”，
“标题”：“表单的乐趣（不，真的！）”，
“轨道”：[2]
}, {
“id”：“会话-9”，
“标题”：“重新审视布局”，
“轨道”：[1]
}, {
“id”：“会话-10”，
“标题”：“HTML5API的真实世界应用”，
“轨道”：[2]
}, {
“id”：“session-11”，
“标题”：“午餐”，
“轨道”：[1,2]
}, {
“id”：“会话-12”，
“标题”：“掌握JavaScript”，
“轨道”：[1]
}, {
“id”：“会话-13”，
“标题”：“变换和动画”，
“轨道”：[2]
}, {
“id”：“会话-14”，
“标题”：“CSS3网页设计冒险”，
“轨道”：[1]
}, {
“id”：“会话-15”，
“标题”：“介绍数据访问和缓存”，
“轨道”：[2]
}, {
“id”：“会话-16”，
“标题”：“闭幕式感谢和奖品”，
“轨道”：[1,2]
}];
//TODO:任务2-从文档中获取“schedule”列表元素
var list=document.getElementById（“附表”）；
函数createSessionElement（会话）{
var session=document.createElement（“li”）；
li.textContent=会话；
parse（session，[title]）；
返回

{
//TODO:任务3-为会话创建
元素。
//将会话标题添加为
文本内容
//返回
元素
}
};
函数clearList（）{
while（list.firstChild）{
list.removeChild（list.firstChild）；
}
}
函数displaySchedule（）{
clearList（）；
对于（变量i=0；i<14；i++）{
列表.文本内容（标题）；
}
//TODO:任务4-循环遍历计划数组
//创建会话元素
//将元素附加到列表中
}

---

我无法让它为数组中的每个项目创建会话对象，并将会话的标题添加到计划页面上的列表元素。

最简单的解决方案是使用类似jQuery的库来处理DOM操作。在jQuery的帮助下，为数组中的每个项添加一个

元素非常容易

比如：

var $list = $("#schedule");
$.each(schedule, function(i, session) {
    $list.append("<li>" + session.title + "</li>");
});

var$list=$（“#计划”）；
$。每个（时间表、功能（i、会话）{
$list.append（“
”+session.title+”
”）；
});

---

最简单的解决方案是使用类似jQuery的库来处理DOM操作。在jQuery的帮助下，为数组中的每个项添加一个

元素非常容易

比如：

var $list = $("#schedule");
$.each(schedule, function(i, session) {
    $list.append("<li>" + session.title + "</li>");
});

var$list=$（“#计划”）；
$。每个（时间表、功能（i、会话）{
$list.append（“
”+session.title+”
”）；
});

---

我想我不明白你的问题。您最初提到您只想在schedule对象上进行迭代。你的代码和你的后续段落然后谈论ul/li。你能指定你想要的输入和输出吗？例如，我想把这个JSON对象转换成这个HTML？我想我不明白你的问题。您最初提到您只想在schedule对象上进行迭代。你的代码和你的后续段落然后谈论ul/li。你能指定你想要的输入和输出吗？例如，我想把这个JSON对象转换成这个HTML？