[ jQuery ] ( 連想 ) 配列を引数に繰り返し処理する ( $.each 関数 )

Tweet

Pocket

こんにちは、恋する 18歳 masao です。好きな食べ物はおこげです。ここでは、配列を引数とする $.each 関数の使用例を掲載しています。

$.each 関数の使用例

配列を引数にして要素数分処理を実行する $.each 関数の使用サンプルになります。詳細はコメントを参照ください。

$(function () {

    /*
     * 配列の定義
     */
    var array = [ "apple", "orange" ];

    /*
     * 配列のインデックスと値をパラメータに関数を要素数回実行する
     */
    $.each( array, function( index, value ) {
        console.log( index + ": " + value );
    });

    /*
     * 出力結果
     * ==============================
     * 0: apple
     * 1: orange
     */


    /*
     * 連想配列の定義
     */
    var obj = {
              "name": "masao",
              "age" : 18
        };

    /*
     * 配列のキーと値をパラメータに関数を要素数回実行する
     */
    $.each( obj, function( key, value ) {
        console.log( key + ": " + value );
    });

    /*
     * 出力結果
     * ==============================
     * name: masao
     * age: 18
     */
});

配列の途中の要素で処理を中断する

ある条件の場合に途中で処理を中断するには false をリターンさせます。

    var obj = {
        "name": "masao",
        "age" : 18
    };

    $.each( obj, function( key, value ) {
    
        console.log( key + ": " + value );
        // 恋する18歳であれば処理を中断する
        if(value == "masao") {
            return false;
        }
    });

    /*
     * 出力結果
     * ==============================
     * name: masao
     */

Tweet

Pocket