jqueryで配列を走査する方法

jquery は、さまざまな DOM およびデータ操作を処理するための便利な API を多数提供する優れた Javascript ライブラリです。配列を走査する必要がある場合、jquery はそれを実現するためのさまざまなメソッドも提供します。

1. $.each() メソッド

$.each() メソッドは、jquery で配列を走査するために使用されるメソッドです。あらゆる種類のコレクションを走査できます。配列が含まれます。 、オブジェクト、NodeList。具体的な構文は次のとおりです:

$.each(arr, function(index, value) {
  // 遍历操作
});

このメソッドは 2 つのパラメータを受け取ります。最初のパラメータ arr は走査する必要があるコレクションで、2 番目のパラメータ function は走査中に実行される関数本体 (2 つのパラメータを含む) です。インデックスと値: 現在の要素のインデックスと値をそれぞれ表します。

たとえば、配列 arr を走査して、各配列要素の値とインデックスを出力したいとします:

var arr = ['a', 'b', 'c'];

$.each(arr, function(index, value) {
  console.log('index: ' + index + ', value: ' + value);
});

出力結果は次のとおりです:

index: 0, value: a
index: 1, value: b
index: 2, value: c

2. $ .map () メソッド

$.map() メソッドは配列の走査にも使用できますが、$.each() メソッドとは異なり、走査結果を処理して新しい配列を返すことができます。 。具体的な構文は次のとおりです:

$.map(arr, function(value, index) {
  // 处理操作
  return value;
});

このメソッドは 2 つのパラメータを受け取ります。最初のパラメータ arr は走査される配列であり、2 番目のパラメータ function は走査中に実行される関数本体であり、2 つのパラメータ値とIndex: 現在の要素の値とインデックスをそれぞれ表します。

たとえば、配列 arr を走査し、各要素の値を大文字に変換したいとします。

var arr = ['a', 'b', 'c'];

var newArr = $.map(arr, function(value, index) {
  return value.toUpperCase();
});

console.log(newArr); // ['A', 'B', 'C']

$.map() メソッドは、元の配列である新しい配列を返すことに注意してください。配列 arr は変更されません。

3. $.grep() メソッド

$.grep() メソッドは、配列内の条件を満たす要素をフィルターし、新しい配列を返すことができます。具体的な構文は次のとおりです:

$.grep(arr, function(value, index) {
  // 筛选条件
  return ...
});

このメソッドは 2 つのパラメーターを受け取ります。最初のパラメーター arr は、走査する必要がある配列で、2 番目のパラメーター function は、2 つのパラメーター値とインデックスを含むフィルター条件です。値とインデックスはそれぞれ現在の要素を表します。 true が返された場合、要素が条件を満たし、除外されたことを意味します。

たとえば、配列内のすべての偶数をフィルターで除外したいとします。

var arr = [1, 2, 3, 4, 5];

var evens = $.grep(arr, function(value, index) {
  return value % 2 === 0;
});

console.log(evens); // [2, 4]

4. $.inArray() method

$.inArray( ) メソッド 配列内の要素のインデックス位置を検索し、要素が存在しない場合は -1 を返します。

$.inArray(value, arr);

このメソッドは 2 つのパラメータを受け取ります。最初のパラメータ値は検索する必要がある要素で、2 番目のパラメータ arr は走査する必要がある配列です。

たとえば、配列 arr 内の要素 'c' のインデックス位置を見つけたいとします。

var arr = ['a', 'b', 'c'];

var index = $.inArray('c', arr);

console.log(index); // 2

$.inArray() メソッドは、次のことを示す数値を返すことに注意してください。要素が配列内のインデックス位置にあること。要素が存在しない場合は、-1 を返します。

要約すると、jquery で配列を走査するメソッドには $.each()、$.map()、$.grep()、$.inArray() などが含まれます。私たちのニーズは、さまざまな操作を実装することです。

以上がjqueryで配列を走査する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。