Array.filter()

与えられた配列の偶数要素のみをフィルタ
solution関数を完了して新しい配列をロードしてください.

function solution(element, index, array) {
  return element % 2 === 0;
}
const arr = [1, 2, 3, 4, 5, 6];
const result = arr.filter(solution);
console.log(result);

前回はフィルターを使いましたが、今回はもう少し深く入りたいと思います.
まず、上に関数で書かれたコードが少し理解できないので、プロトタイプで書いてみました.

const arr = [1,2,3,4,5,6];
const result = arr.filter(num => num % 2 === 0);
console.log(result);

どちらも偶数以外の要素です
しかし、これは上の関数で、値を入力するだけで引き続き使用できます.

ではfilter()はどのような役割を果たす方法なのでしょうか。

filter()は、その名の通りtrueの場合、新しい配列を作成し、値を含みます.
使い方はこうです.arr.filter(callback(element[, index[, array]])[, thisArg])ここで、既定値は1つの要素のみが含まれます.
arr.filter(ele => ele % 2 === 0); このように使用することもできます.
ただし、index、arrayなどのパラメータが複数ある場合は、
arr.filter((ele,dex) => ele % 2 === 0); このように分離しなければならない.
これも矢印関数の外観です.
arr.filter(num => {num % 2 === 0}); こう書いたほうがいいそうです.
はい、そうですか.わかりません.もし会社に入って、会社のコードがそうなら、ルールを守るべきです.設定値をeslintに入れればいいのではないでしょうか.あまりにも混ざっているのではないでしょうか.

応用してみる

すぐに現れるアルゴリズムの問題の1つは,>重複データ削除<.
重複除外にはいろいろな方法がありますが、フィルタがあるので、これで解きましょう.

const num = [1,2,3,1,2,3];
const unique = num.filter((element, index) => 
{return num.indexOf(element) === index;});
console.log(unique)
console.log(num.indexOf(1))

まず、この点を理解するにはindexOf()を理解する必要があります.
文章を書いた>これ。<左のリンクをクリックしてスキップ
上のコードを見て
num.filter((element, index) =>
{return num.indexOf(element) === index;});
これが重要なコードです一人一人が代入しましょう
num.filter((1, 0) =>
{return num.indexOf(1) === 0;}); true
num.filter((2, 1) =>
{return num.indexOf(2) === 1;}); true
num.filter((3, 2) =>
{return num.indexOf(3) === 2;}); true
num.filter((1, 3) =>
{return num.indexOf(1) === 1;}); false
num.filter((2, 4) =>
{return num.indexOf(2) === 4;}); false
こうなっているのが見えます.これでも理解できないなら?コンソールで撮ったら解決

filterがtrueの場合にのみ、新しい配列を作成するために値が返されます.unique의 배열에는 1,2,3만 찍혀있는 것을 확인할 수 있다.しかし、重複除外には、非常に強力な方法があります(?)あるから
今度にしましょう