filterメソッドの出力結果について。

Question

前提・実現したいこと

添付画像のfilterメソッドの出力結果がなぜ[]になるのか御教示頂きたいです。

（配列のインデックス1番目はfalseがあるのになぜ[]になるのかがわかりません。）

配列内の値がfalseだから出力されず、falseを!にしてtrueになるから表示されという認識でもよろしいでしょうか？

発生している問題・エラーメッセージ

エラーメッセージ https://gyazo.com/78331551c3d1397d1655301ebb5e3baa

該当のソースコード

vagrant@ubuntu-bionic:~/workspace_2/todo$ node 
例
> const tasks = new Map();
undefined
> tasks.set('鉛筆を買う',false );
Map { '鉛筆を買う' => false }
> Array.from(tasks).filter((task) => { return task[1]});
[]
> Array.from(tasks).filter((task) => { return !task[1]});
[ [ '鉛筆を買う', false ] ]

試したこと

補足情報（FW/ツールのバージョンなど）

Comments

[yambejp]

添付画像がエラーです
というか、テキストでソースを提示してください

[Newbi]

エラーメッセージの枠にあるURLが画像かもしれませんが、 filterの部分のみで構いませんので、 ソースコードを書いてもらってもよろしいでしょうか。

Answer 1

filterの使い方ですが、 filterは結果がtrueの場合を返し、 falseになるものを弾きます。

Array.from(tasks).filter((task) => { return task[1]});

上の場合は、 task[1]の中にはfalseが入っているため、 弾かれています。

Array.from(tasks).filter((task) => { return !task[1]});

2つ目の場合、 !を先頭につけていますが、 !をつけると真偽値がひっくり返るため、 falseがtrueになったので、 新しい配列に結果を追加しています。

Comments

[kaksji]

丁寧なご回答ありがとうございます。
理解できました。
filterメソッドによってfalseが弾かれているから、表示されないのですね。

Answer 2

単純にfilterでreturnにfalseするとヒットしないだけです

<script>
const tasks = new Map();
tasks.set('鉛筆を買う',false );
tasks.set('消しゴムを買う',false );
tasks.set('筆箱をあげる',true );
console.log(Array.from(tasks).filter(task=>task[1]));
console.log(Array.from(tasks).filter(task=>!task[1]));
</script>

Mapとfilterの組み合わせに混乱されているかもしれませんが
やっているのこういうことです

const task_array =[
  ['鉛筆を買う',false],
  ['消しゴムを買う',false],
  ['筆箱をあげる',true],
]
console.log(task_array.filter(task=>task[1]));
console.log(task_array.filter(task=>!task[1]));

Comments

[kaksji]

ご回答ありがとうございます。
filterメソッドはtrue である要素のみからなる配列返すので、今回は値がfalseなので、配列が返されないという事ですね。