jsでの各関数の使い方

小老鼠
リリース: 2024-03-13 16:26:05
オリジナル
1195 人が閲覧しました

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 サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート