「jquery」eachメソッドでオブジェクトを繰り返し処理する方法

2021年11月5日

書式
$.each(オブジェクト名,function (オブジェクトのキー, オブジェクトの値) {
// 繰り返す処理コード
});
使用例

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
//オブジェクトの定義
const user= {
      age:"21",
      city:"東京",
      name:"yamada",
    userid:"2002"
}
//eachメソッドでオブジェクトを繰り返し
$.each(user,function(objkey,objVal) {
      alert( "オブジェクトのキー:"+objkey + " :オブジェクトの値 " + objVal);
});
</script>

実行結果

オブジェクトのキー:age :オブジェクトの値 21
オブジェクトのキー:city :オブジェクトの値 東京
オブジェクトのキー:name :オブジェクトの値 yamada
オブジェクトのキー:userid :オブジェクトの値 2002