javascript map filter

質問

javascriptのmap、filterについて勉強中なのですが、質問です。

var aaa=['a','b','c','d','e']
aaa.map(function(e){return e.length;}).filter(function(e){return e%2==0;});

このコードの結果は[4,4]と出力されるそうなのですが、
経緯がわかりません。
私が思うに、
map(function(e){return e.length;})
で要素のそれぞれのindex値、[0,1,2,3,4]に変換、
filter(function(e){return e%2==0;})
で変換したものの中から2で割ってあまりが無いものを抽出し、
[2,4]
が出力されると思うのですが、違うようです。

正しい経緯を教えていただけないでしょうか。
よろしくお願いします。

回答No.1

cero_d · ベストアンサー

>私が思うに、
>map(function(e){return e.length;})
>で要素のそれぞれのindex値、[0,1,2,3,4]に変換、

e.lengthでその値が返ってきましたか？
'a'.length、'b'.length...と処理を行っているので
[1,1,1,1,1]
こうなると思いますよ？
map(function(e){alert(e.length);return e.length;});
alert入れて確認してみては？

>filter(function(e){return e%2==0;})
>で変換したものの中から2で割ってあまりが無いものを抽出し、
>[2,4]
>が出力されると思うのですが、違うようです。

したがって、[]になると思います。

aaa.map(function(e,i){return i;}).filter(function(e){return e%2==0;});
こうすればindex値を持つiを返すので、結果として[0,2,4]が返ってきますが・・・。

お礼

お返事ありがとうございます。
解決しました。
結論から言うとlengthの処理を間違えていました。
配列の要素の文字数を返すのですね・・。
勘違いして配列を最初から0,1,2,3・・・と順に返すものだと思っていました。
これが全ての原因でした。
そもそもこのソースはコピペしたものではなく（コピペはまずいかなと思ったので）ソースの数などを変えておりました。
mapを上記のように解釈していたので、配列の中身はいじっても結果に支障は無いだろうと変更しましたところこういう結果に・・。
出力される[4,4]というのはその元のソースのものです。
mapの処理がわかった今改めて見ると、これが正しいことが分かりました。
cero_dさんの言うとおり、私が提示したものは[1,1,1,1,1]ですね。
ひとつ学びました。
なんだか阿呆らしいことでお騒がせしましてすいませんでした。

回答No.2

神崎 渉瑠（@taloo）

mapとfilterについてはすでに書かれているので割愛します。

>このコードの結果は[4,4]と出力されるそうなのですが、

その説明をされている方が間違っている可能性もふまえて、
・サンプルコードはそれで正しいのか、
・実行して、[4,4]になったのか、
改めて確認し直してみてください。

-----------

>で変換したものの中から2で割ってあまりが無いものを抽出し、
>[2,4]
>が出力されると思うのですが、違うようです。

0を2で割っても0ですので、
[0,1,2,3,4]
に対して処理を行った期待値は
[0,2,4]
です。

お礼

お返事ありがとうございます。
解決しました。
結論から言うとlengthの処理を間違えていました。
配列の要素の文字数を返すのですね・・。
勘違いして配列を最初から0,1,2,3・・・と順に返すものだと思っていました。
これが全ての原因でした。
そもそもこのソースはコピペしたものではなく（コピペはまずいかなと思ったので）ソースの数などを変えておりました。
mapを上記のように解釈していたので、配列の中身はいじっても結果に支障は無いだろうと変更しましたところこういう結果に・・。
出力される[4,4]というのはその元のソースのものです。
mapの処理がわかった今改めて見ると、これが正しいことが分かりました。
cero_dさんの言うとおり、私が提示したものは[1,1,1,1,1]ですね。
ひとつ学びました。
なんだか阿呆らしいことでお騒がせしましてすいませんでした。