jQuery eachメソッドを使ってオブジェクトを繰り返し処理するサンプル

2023年1月27日

環境
Google Chrome 105.0.5195.127
Windows 10 Home 64bit
jquery 3.6.1

構文
$.each(object1,function (key, val) {
// 繰り返す処理コード
});
オブジェクト(連想配列)に対して処理を繰り返します。
functionの1つめの引数はオブジェクトのキーです。
functionの2つめの引数はオブジェクトの値です。
セレクタの指定はありません。

使用例

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script>
<script>
// オブジェクトの定義
const city = {
      11:"東京",
      22:"大阪",
      33:"福岡"
}

$.each(city,function(key,val) {
   // オブジェクトのキーと値を出力する
      console.log( key + ": " + val);
});
</script>
</head>
<body>

</body>
</html>

実行結果
11: 東京
22: 大阪
33: 福岡

jQuery

Posted by arkgame

関連記事: