Javascript/for(key in array)

解説連想配列のループ処理

sample1

sample1code

function s1Func(){
  let s1Array = {"数学": 63, "英語": 52, "物理": 49};
  let s1Div = document.getElementById("s1Div");
  for(key in s1Array){
  	s1Div.innerHTML += key + "は" + s1Array[key] + "点
";
  }
}

sample2

sample2code

function s2Func() {
  var s2Obj = {
    obj01: "値１",
    obj02: "値２",
    obj03: "値３",
    obj04: "値４",
    obj05: "値５"
  }
  var s2Ul = 'ul>\n';
  for(var value in s2Obj) {
    s2Ul += 'li>';
    s2Ul += s2Obj[value];
    s2Ul += '/li>\n';
  }
  s2Ul += '/ul>';
  return s2Ul;
}
document.getElementById("s2Div").innerHTML = s2Func();

sample3

s3Div

sample3code

function s3Func(){
  var s3Obj = {
  	name: "ddd", id: 3, bool: true, point: 33
  }
  var s3P = "";
  for(key in s3Obj){
  	s3P += key + ":" + s3Obj[key];
  	s3P += "\n"
  }
  return s3P;
}
document.getElementById("s3Div").innerText = s3Func();