「jQuery」eachメソッドで配列の要素を繰り返し処理する

2022年1月27日

環境
jquery 3.6.0
書式
$.each(配列名,function(引数1,引数2) {
// 配列の要素1つずつに対して繰り返す処理を行います
});
説明
functionの引数1はインデックスです。
functionの引数2は配列の要素です。
eachメソッドで引数1にある配列の要素を順に出力します。
使用例

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script>
const cityArr= ["東京","大阪","福岡","横浜"];

$.each(cityArr,function(idx,val) {
      alert("インデックス: "+ idx + " 値: " + val);
});

</script>

実行結果
インデックス: 0 値: 東京
インデックス: 1 値: 大阪
インデックス: 2 値: 福岡
インデックス: 3 値: 横浜