find(), filter(), map()

クローンまたは自己エンコード時に他のドキュメントを表示している場合は、
find()とfilter()とmap()を簡単にまとめました.

find()

map()、filter()などの方法の欠点は、処理中に1つの配列のすべてのデータをチェックし、変更と削除を行うことです.

find()は、所与の判別関数を満たす最初の要素値を返し、このような事態を防止する.

const newArr = [1,2,3,4,5];

newArr.find(num => num === 3);
// 3 -> find는 값의 형태로 반환한다.

newArr.find(num => num === 9);
// undefined

newArr.filter(num => num === 3);
// [3] -> filter는 배열 형태로 반환한다.

filter()

所定の判別関数を満たす要素を収集し、新しい配列に戻る.

filterは、条件文を満たす要素を返します.

const words = ['spray', 'limit', 'elite', 'exuberant', 'destruction', 'present'];

const result = words.filter(word => word.length > 6);

console.log(result);
// expected output: Array ["exuberant", "destruction", "present"]

map()

callback関数は、各要素を順次呼び出し、関数の値を返して新しい配列を作成します.

mapは、関数を適用した新しい要素を返します.

let numbers = [1,4,9];

let roots = numbers.map(function(num) {
  return Math.sqrt(num);
});

// or

let roots = numbers.map((num) => Math.sqrt(num))

複数の値を返す必要がある場合は、filter()、map()を使用し、find()を使用して1つの値を迅速かつ効率的に取得できます.

注-https://velog.io/@gillog/javascript-.find/https://velog.io/@tjdud0123/javascript-map-filter-%ED%95%A8%EC%88%98