find

2023 7/19

2022.11.20 2023.07.19

記事の内容

find

findメソッドは、Arrayオブジェクト内の条件を満たした最初の要素を取得します。

記法

条件を満たす最初の値 = 配列.find ( function ( value, index, array) {
　　return 処理;
}, this);

value : 配列の値が1つずつ渡される
index : 配列のキーが1つずつ渡される
array : 配列が渡される
this : コールバック関数内のthisの参照オブジェクト

例

let ary = [2, 4, 6, 1];
    
const result = ary.find(function(value, index, array) { 
    console.log("value : " + value);
    console.log("index : " + index);
    console.log("array : " + array);
    console.log("============================= ");
    return value > 5;
});

console.log("result : " + result);

出力結果

value : 2
index : 0
array : 2,4,6,1
=============================
value : 4
index : 1
array : 2,4,6,1
=============================
value : 6
index : 2
array : 2,4,6,1
=============================
result : 6

上記は3回目のチェックで条件を満たすので6を返します。

アロー関数

記法

条件を満たす最初の値 = 配列.find ( ( value, index, array ) => 処理 )

例

let ary = [2, 4, 6, 1];
    
const result = ary.find((value) => value > 5);

console.log("result : " + result);

出力結果

result : 6

コールバック関数

記法

コールバック関数
条件を満たす最初の値 = 配列.find ( callbackFn )

例

let ary = [2, 4, 6, 1];

// コールバック関数
function callbackFn(value){
    return value > 5;
}

const result = ary.find(callbackFn);

console.log("result : " + result);

出力結果

result : 6

コールバック関数(thisあり)

記法

コールバック関数
条件を満たす最初の値 = 配列.find ( callbackFn, this )

例

let ary = [2, 4, 6, 1];

// コールバック関数
function callbackFn(value){
    return value > this;
}

const result = ary.find(callbackFn, 5);

console.log("result : " + result);

出力結果

result : 6