JavaScript forEach文で配列の中のオブジェクトのキーと値を取得する
環境
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" > "値:東京工業大学"