JavaScript find ()メソッド

今日私たちはfind() JavaScriptの配列メソッド.
私はこの方法は some() method .
それが何をするかは、特定のヒットのために配列を検索するが、Booleanを返す代わりに、それが見つける最初のマッチを返します.

JavaScript Find ()メソッドの使用
項目の配列を作成することから始めましょう.

const items = [
  { name: 'T-shirt plain', price: 9 },
  { name: 'T-shirt print', price: 20 },
  { name: 'Jeans', price: 30 },
  { name: 'Cap', price: 5 }
];

10の価格の下にある最初のアイテムを見つけましょう.

const haveNames = items.find(item => {
  return item.price < 10;
});

// { name: 'T-shirt plain', price: 9 }

これは1つのライナーとして書くこともできます.

const found = items.find(item => item.price < 10);

いくつかのユースケースは、同じカテゴリの最初のブログ記事になる可能性があります.
これを見てみましょう.

const blog = {
    'name': 'JavaScript find() method',
    'category': 'javascript'
}

そして、このようなブログ項目の配列があります.

const blogs = [
  {
    'name': 'CSS :focus-within',
      'category': 'css'
  },
  {
    'name': 'JavaScript is awesome',
      'category': 'javascript'
  },
  {
    'name': 'Angular 10 routing',
      'category': 'angular'
  }
];

今すぐ使えるfind() 我々のものに関連している最初のブログアイテムを得るためにjavascript ベース).

const related = blogs.find(item => item.category === blog.category);
console.log(related);

// { name: 'JavaScript is awesome', category: 'javascript' }

そこには、どのように使用する方法の例を行くfind() JavaScriptのメソッド.

読んでいただきありがとうございます、接続しましょう!
私のブログを読んでくれてありがとう.私の電子メール会報を購読して、接続してくださいFacebook or