es6中 for…of 循环遍历数组对象

//数组对象  
const myArray = [{
      id: 1,
      name: "李特成",
      age: '20',
      gender: '男',
      arr: ['湖南长沙', 'IT技术']
    },
    {
      id: 2,
      name: "范冰冰",
      age: '15',
      gender: '女',
      arr: []
    },
    {
      id: 3,
      name: "范斌",
      age: '60',
      gender: '男',
      arr: ['湖南衡阳', '测试']
    },
    {
      id: 4,
      name: "凡冰",
      age: '70',
      gender: '男',
      arr: ['湖南永州', 'C#']
    },
  ]

  //通过for…of 循环
  html = "";
  html += "<ul>";
  for (let v of myArray) {
    //console.log(v);
    html += "<li id=" + v.id + "><span>名称:" + v.name + "</span><span>地址/技术:";
    if (v.arr.length != 0) {
      let subArr = v.arr;
      for (let s of subArr) {
        //console.log(s);
        html += "<a>" + s + "/</a>";
      }
    }
    html += "</span></li>";
  }
  html += "</ul>";
  $("body").append(html);

猜你喜欢

转载自blog.csdn.net/a4561614/article/details/80860083