jsでの各関数の使い方

JavaScript には組み込みの each 関数はありませんが、jQuery ライブラリには、配列またはオブジェクトを走査するための非常に便利な $.each() 関数が用意されています。 jQuery を使用している場合、または環境に jQuery が含まれている場合は、次のように $.each() 関数を使用できます。

#配列を走査する

javascript

##

var array = [ "item1", "item2", "item3" ];  
  
$.each(array, function(index, value) {  
    console.log(index + ": " + value);  
});

上記の例では、$.each() は配列 array を走査します。配列内の各要素に対して、指定された関数を呼び出し、現在の要素のインデックスと値を引数として渡します。

オブジェクトをトラバースします

javascript

##

var object = {  
    key1: "value1",  
    key2: "value2",  
    key3: "value3"  
};  
  
$.each(object, function(key, value) {  
    console.log(key + ": " + value);  
});

でこの例では、$.each() はオブジェクト object を反復処理します。オブジェクト内のプロパティごとに、指定された関数を呼び出し、現在のプロパティのキーと値を引数として渡します。

注

jQuery を使用せずに配列またはオブジェクトを反復処理する場合は、次のようなネイティブ JavaScript メソッドを使用できます。配列の場合は Array.prototype.forEach() として、オブジェクトの場合は for...in ループとして使用します。
$.each() を使用する場合は、環境に jQuery ライブラリがすでに含まれていることを確認してください。そうでない場合、この関数は使用できません。

以上がjsでの各関数の使い方の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。