論理否定 (!) 演算子を使用すると、includes()とfilterの組み合わせが上手く機能しない

Question

Javascriptで2つの配列間における包含関係を知りたい思い、filterとincludesを使用したコードを書いてみたのですが、論理否定 (!) 演算子を使用したケースで、期待する出力が得られず困りはてています。具体的には、以下のコードにおける配列Dの出力結果に0が含まれていない理由がわからないのです。原因についてどなたかご教示いただけますと幸いです。どうぞよろしくお願いいたします。

const A = [0, 1, 2, 3];
const B = [1, 3];

const C = A.filter(function(m){
  if (B.includes(m)) {return m}
})  
 
console.log(C);
// 期待される出力: [1, 3]
// 実際の出力: [1, 3]

const D = A.filter(function(m){
  if (!B.includes(m)) {return m}
}) 

console.log(D);
// 期待される出力: [0, 2]
// 実際の出力: [2]

Answer 1

以下のようにしたらいいのでは？

const A = [0, 1, 2, 3];
const B = [1, 3];

const C = A.filter(function (m) {
    return B.includes(m)
})

console.log(C);
// 期待される出力: [1, 3]
// 実際の出力: [1, 3]

const D = A.filter(function (m) {
    return !B.includes(m)
})

console.log(D);
// 期待される出力: [0, 2]
// 実際の出力: [0, 2]

結果:

Comments

[Makimoto]

簡潔でわかりやすい記述をご教示いただきありがとうございます。こちらの記述を使用することにしたいと思います。

Answer 2

否定とは関係なくて、要素の値の問題です。
0の場合、return mで0が返されますが、これはJavaScript的には偽なので、filterで除外されます。
return trueにすれば良いのではないでしょうか。

他のデータで試していれば自分でも気づけたと思います。

Comments

[Makimoto]

ご指摘の通り、return trueで期待する結果が得られることが確認できました。迅速なご回答、また大変分かりやすい説明を頂きありがとうございました。