Categories: JavaScript

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

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

findの基本的な使い方

findの基本的な使い方は以下のとおりです。
配列内で2で割り切れる要素は2と4ですが、最初に条件に合致する要素は2なので、この要素のみが取り出されます。

js

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

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

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

js

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

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

console.log(result);//2

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

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

js

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

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

console.log(result);//2

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

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

issiki_wp