JavaScript forEach文で配列の中のオブジェクトのキーと値を取得する

2022年11月15日

環境
Windows 10 Home 64bit
Google Chrome 107.0.5304.107

構文
const 配列の変数名 = [{属性1:値1,属性2:値2},{属性3:値3,属性4:値4}…];
配列の変数名 .forEach((変数名)=>{
Object.keys(変数名).forEach((key)=>{処理コード}
});
forEachを使って配列のオブジェクトのキーと値を取得します。

使用例

const userArr=[
  { age: "21", name: "yamada" },
  { city: "tokyo", school: "東京工業大学" },
];
console.log("配列の要素数");
console.log(userArr.length); 

console.log("配列の中のオブジェクトの要素");
 userArr.forEach((col) => {
  Object.keys(col).forEach((key) => {
    console.log("キー:"+key); 
    console.log("値:"+col[key]);
  });
});

実行結果

> "配列の要素数"
> 2
> "配列の中のオブジェクトの要素"
> "キー:age"
> "値:21"
> "キー:name"
> "値:yamada"
> "キー:city"
> "値:tokyo"
> "キー:school"
> "値:東京工業大学"