「jquery」eachメソッドでオブジェクトを繰り返し処理する方法
書式
$.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>
<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>
<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
オブジェクトのキー:age :オブジェクトの値 21
オブジェクトのキー:city :オブジェクトの値 東京
オブジェクトのキー:name :オブジェクトの値 yamada
オブジェクトのキー:userid :オブジェクトの値 2002
オブジェクトのキー:age :オブジェクトの値 21 オブジェクトのキー:city :オブジェクトの値 東京 オブジェクトのキー:name :オブジェクトの値 yamada オブジェクトのキー:userid :オブジェクトの値 2002