【JavaScript・初学者】Reactでよく使われる頻出記法 / findについて

はじめに

Reactを学習していましたが、JavaScriptの記法についてフワッとしている部分がよくあったので、簡単ですが今回はfindについて少し調べました。

findの使い方

配列から条件に一致した最初の値を返すメソッドです。
その為、1つしか値を取得できないことを覚えておきましょう。

const numbers = [1,2,3,4,5]
const foundNumber = numbers.find((number) => {
  return number > 3
})
console.log(foundNumber); //4

オブジェクトの配列にも使うことができます。

const inventory = [
  { name: "apples", quantity: 2 },
  { name: "bananas", quantity: 0 },
  { name: "cherries", quantity: 5 },
];

function isCherries(fruit) {
  return fruit.name === "cherries";
}

console.log(inventory.find(isCherries));
// { name: 'cherries', quantity: 5 }