jqueryで配列を走査するにはどうすればよいですか? jquery で配列を走査するためによく使用される 2 つの方法

jquery では、配列を走査するために $().each と $.each() の 2 つのメソッドをよく使用します。 $().each と $.each() は表面的には似ているように見えます。ただし、実際には、これら 2 つの方法には違いがあり、それぞれの操作にそれぞれ独自の特徴があります。次の記事では、jquery が 2 つのメソッド $().each と $.each() を使用して配列トラバーサルを実装する方法を紹介します。

あまり多くは言わずに、本文に直接行きましょう~

1. jquery の配列 $().each

のメソッドについて説明します。 $ ().each メソッドは、次の例のように DOM 処理でよく使用されます:

$('.list li').each(function(i, ele) {
    console.log(i, ele);
    // console.log(this == ele); // true
    $(this).html(i);
    if ($(this).attr('data-item') == 'do') {
        $(this).html('data-item: do');
    };
})

i: シーケンス値 ele: 現在走査されている DOM 要素のみ

this is currently being traversed traversed DOM 要素の場合、jQuery メソッドを呼び出すことはできません。

$(this) == $(ele)。現在トラバースされている要素の jquery オブジェクトの場合、DOM 操作のために jQuery メソッドを呼び出すことができます

2. 配列を走査する jquery メソッド $.each

には戻り値がありません。サポートされている匿名関数には 2 つのパラメーターがあります。配列が走査される場合、i は現在の項目のインデックス、n は配列内の現在の項目のインデックスです。現在の項目の例は次のとおりです。

//数组:i为索引，n为值
$.each( [1，2，3，4], function(i, n){
   console.log( i + ": " + n );
});

ここで注意する必要があるのは次のとおりです。

#ループをスキップし、後続のループの実行を続けるには、return または return true を使用します。

ループの実行を終了するには return false を使用しますが、関数の実行は終了しません。

break を使用してループをスキップし続けることはできません。

$.each の $(this) は this とは異なりますが、走査結果は同じです。

この記事はここで終了です。jquery トラバーサルの詳細については、

jquery マニュアル

を参照してください。

以上がjqueryで配列を走査するにはどうすればよいですか? jquery で配列を走査するためによく使用される 2 つの方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。