jQuery の each 関数 の詳細

2年 ago
海斗, 葵
1 minute

jQueryのeach()関数は、配列やオブジェクトなどのコレクションを反復処理するためのメソッドです。各要素を反復処理し、各要素に対して特定の操作を実行するために使用できます。

求められている形に文法を変換して下さい。

$.each(collection, callback(index, value){
// 对每个元素执行的操作
});

パラメーターの説明

  1. コレクション: 繰り返し処理するコレクションで、配列、オブジェクト、配列に似たオブジェクトなどが該当します。
  2. コールバック：各要素で処理するコールバック関数。2つのパラメータを受け取れます。indexは現在の要素のインデックスを表し、valueは現在の要素の値を表します。

サンプルコード：

var arr = [1, 2, 3, 4, 5];
$.each(arr, function(index, value){
console.log("index：" + index + "，value：" + value);
});
输出结果：
index：0，value：1
index：1，value：2
index：2，value：3
index：3，value：4
index：4，value：5

コールバック関数内で、break ステートメントと同様に、return ステートメントを使用してループを終了できます。

each() 関数は配列を反復処理するだけでなく、オブジェクトのプロパティを反復処理することにも使用できます。オブジェクトを反復処理するとき、コールバック関数のインデックス引数は現在のプロパティの名前を表し、値引数は現在のプロパティの値を表します。

サンプルコード:

var obj = {name: "张三", age: 20, sex: "男"};
$.each(obj, function(index, value){
console.log("属性：" + index + "，值：" + value);
});
输出结果：
属性：name，值：张三
属性：age，值：20
属性：sex，值：男

要約:

jQueryのeach()関数は非常に便利な反復処理メソッドで、集合中の各要素を反復処理し、各要素に対して特定の操作を行うことができます。その構文はシンプルで使いやすいので、コードの記述を大幅に簡略化できます。

bannerAds