javascriptでobjectの中の配列を展開する書き方

書き方としては単純だったが、objectを展開するということで「for…in」を使わないとけないと思い、試行錯誤したので投稿します。

objectの中身

配列になっています。

javascript

const obj = {
  name: [
    'name1',
    'name2',
  ],
  age: [
    'age1',
    'age2',
  ]
}

配列の取得方法

javascript

if (obj.name) {
  for (let i = 0; i < obj.name.length; i++) {
    console.log(obj.name[i]);
    console.log(obj.age[i]);
  }
}

/*
結果
"name1"
"age1"
"name2"
"age2"
*/

間違った書き方

始めobjectを展開するということで「for…in」を使わないといけないかと思ったが、そうすると2回繰り返される

javascript

for (let prop in obj) {
  if (obj.hasOwnProperty(prop)) {
    for (let i = 0; i < obj[prop].length; i++) {
      console.log(obj.name[i]);
      console.log(obj.age[i]);
    }
  }
}

/*
結果
"name1"
"age1"
"name2"
"age2"
"name1"
"age1"
"name2"
"age2"
*/