jQueryのeachメソッド【配列とオブジェクトを取得する】メモ

カテゴリー︎： 【JavaScript】・【jQuery】

jQueryのeachメソッドを使い

配列指定コールバック

と

オブジェクト指定コールバック

のサンプル

<body>
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
    <script>
    //普通の配列を取得したい時は、
    //コールバック関数の
    //第1引数にはインデックスが取得され
    //第2引数には値が取得される
    var haitetu = ["red", "orange", "pink", "green", "black"];
    $.each(haitetu, function(i, value) {
        console.log("配列指定コールバック ＝ " + i + ' : ' + value);
    });

    //オブジェクトを取得したい時は、
    //コールバック関数の
    //第1引数にはインKEYが取得され
    //第2引数には値が取得される
    var obj = { 1: "JAPAN", 2: "USA", 3: "FRANCE", 4: "ENGLAND", 5: "BLAZIL" };
    $.each(obj, function(i, value) {
        console.log("オブジェクト指定コールバック ＝ " + i + ' : ' + value);
    });
    </script>
</body>
PAGE TOP