【8/31まで 今季最大のセール開催中!】Udemyの人気コースが今なら1,200円から!!

【JavaScript入門】配列から条件に合致したすべての要素を取り出す方法(filterの使い方)

【JavaScript】配列から条件に合致したすべての要素を取り出す方法(filterの使い方)

この記事では、配列から条件に合致したすべての要素を取り出す方法(filterの使い方)について説明します。

filterの基本的な使い方

filterの基本的な使い方は以下のとおりです。

js

let array = [1,2,3,4,5];
let result = array.filter(function(val){
    return val % 2 ==0;
});
console.log(result);//[ 2, 4 ]

filter内で別メソッドを呼び出す方法その1

条件判定用のメソッドを定義している場合は、function内で呼び出すことができます。

js

let array = [1,2,3,4,5];
let result = array.filter(function(val){
    return hantei(val);
});

function hantei(val){
    return val % 2 ==0;
}

console.log(result);//[ 2, 4 ]

filter内で別メソッドを呼び出す方法その2

アロー演算子を用いることで、function内で呼び出さずにいきなり呼び出すこともできます。

js

let array = [1,2,3,4,5];
let result = array.filter(val => hantei(val));

function hantei(val){
    return val % 2 ==0;
}

console.log(result);//[ 2, 4 ]

以上で記事の解説はお終い!

HTML、CSS、JavaScriptをもっと勉強したい方にはUdemyがオススメ!同僚に差をつけよう!

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です