JavaScript for文で配列の中のオブジェクトを確認するサンプル

環境
Windows 10 Home 64bit
Google Chrome 107.0.5304.107

構文
const 配列の変数名 = [{属性1:値1,属性2:値2},{属性3:値3,属性4:値4}…];
for (変数名 in 配列の変数名){処理コード}

使用例

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
const userArr=[
{ age: "21", name: "yamada" },
{ city: "tokyo", school: "東京工業大学" },
];
console.log("配列の要素数");
console.log(userArr.length);
console.log("配列の中のオブジェクトの要素");
for (const t in userArr){
console.log("キー:" + t);
console.log(userArr[t]);
}
const userArr=[ { age: "21", name: "yamada" }, { city: "tokyo", school: "東京工業大学" }, ]; console.log("配列の要素数"); console.log(userArr.length); console.log("配列の中のオブジェクトの要素"); for (const t in userArr){ console.log("キー:" + t); console.log(userArr[t]); }
const userArr=[
  { age: "21", name: "yamada" },
  { city: "tokyo", school: "東京工業大学" },
];
console.log("配列の要素数");
console.log(userArr.length); 

console.log("配列の中のオブジェクトの要素");
for (const t in userArr){
  console.log("キー:" + t); 
  console.log(userArr[t]); 
}

実行結果

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
"配列の要素数"
2
"配列の中のオブジェクトの要素"
"キー:0"
Object { age: "21", name: "yamada" }
"キー:1"
Object { city: "tokyo", school: "東京工業大学" }
"配列の要素数" 2 "配列の中のオブジェクトの要素" "キー:0" Object { age: "21", name: "yamada" } "キー:1" Object { city: "tokyo", school: "東京工業大学" }
"配列の要素数"
2
"配列の中のオブジェクトの要素"
"キー:0"
Object { age: "21", name: "yamada" }
"キー:1"
Object { city: "tokyo", school: "東京工業大学" }

 

JavaScript

Posted by arkgame