猫型iPS細胞研究所

この文書は読取専用です。文書のソースを閲覧することは可能ですが、変更はできません。もし変更したい場合は管理者に連絡してください。

====== 関数オブジェクト比較(forEach・Map・Filter)======

|        |  forEach   | map                                | filter                    |
| 戻値     | なし         | あり                                 | あり                        |
| 新しい配列  | undefined  | 元の配列数                              | 実行テストに通った要素の数             |
| 注意     | returnなし   | returnを返さない場合、新しい配列にはundefinedが入る  | 実行結果がtrueの要素を新しい配列に挿入する。  |

===== forEach =====

<code>
    var data=[0,1,2];
    data.forEach(function(val,index,ary){
        console.log(ary[index]);
    });
</code>

===== map =====

<code>
    var data=[0,1,2];
    var data2 = data.map(function(val,index,ary){
        console.log("val=[" + val + "]");
        console.log("index=[" + index + "]");
        return val*index;
    });
// index=[0]
// val=[1]
// index=[1]
// val=[2]
// index=[2]

    
    data2.forEach(function(val,index,ary){
        console.log("ary[index]=[" + ary[index] + "]");
        console.log("val=[" + val + "]");
    });
// ary[index]=[0]
// val=[0]
// ary[index]=[1]
// val=[1]
// ary[index]=[4]
// val=[4]
</code>

===== filter =====
fillterは関数オブジェクトがtrueを返すものだけ返す
<code>
    var data=[0,1,2,3,4,5,6];
    var data2 = data.filter(function(val,index,ary){
        console.log("val=[" + val + "]");
        console.log("index=[" + index + "]");
        return val%2;
    });
val=[0]
index=[0]
val=[1]
index=[1]
val=[2]
index=[2]
val=[3]
index=[3]
val=[4]
index=[4]
val=[5]
index=[5]
val=[6]
index=[6]

    
    data2.forEach(function(val,index,ary){
        console.log("ary[index]=[" + ary[index] + "]");
        console.log("val=[" + val + "]");
    });
ary[index]=[1]
val=[1]
ary[index]=[3]
val=[3]
ary[index]=[5]
val=[5]
</code>

猫型iPS細胞研究所

ユーザ用ツール

サイト用ツール

ページ用ツール