Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
学ぶ find() メソッドによる配列内要素の検索 | 高度な配列メソッドと変換
/
JavaScriptデータ構造

bookfind() メソッドによる配列内要素の検索

メニューを表示するにはスワイプしてください

find()メソッドの構文と用途について、具体的な例を用いてその機能を解説。

find()

filter()メソッドが条件を満たすすべての要素を配列から抽出するのに対し、find()メソッドは最初に条件を満たす要素を一つだけ取得するための専用メソッド。構文は以下の通り:

array.find((element, index, array) => {
  // Callback body
});

find() メソッドの重要な特徴

  • 元の配列は変更されない
  • 配列内の各要素を順に調べる
  • 最初に一致した要素を見つけた時点で処理を停止し、その要素を返す
  • 一致する要素がない場合は undefined を返す

順序でタスクを検索

この例では、'find()' メソッドを使って 'order' キーでタスクを取得する。

1234567891011
const tasks = [ { order: 1, name: "Buy groceries" }, { order: 2, name: "Walk the dog" }, { order: 3, name: "Read a book" }, ]; const firstTask = tasks.find((element) => element.order === 1); console.log("First task:", firstTask.name); // Output: First task: Buy groceries const secondTask = tasks.find((element) => element.order === 2); console.log("Second task:", secondTask.name); // Output: Second task: Walk the dog
copy

1. find() メソッドの主な目的は何ですか?

2. find() メソッドの主な特徴は何ですか?

3. 次の例で出力される内容は何ですか?

question mark

find() メソッドの主な目的は何ですか?

正しい答えを選んでください

question mark

find() メソッドの主な特徴は何ですか?

正しい答えを選んでください

question mark

次の例で出力される内容は何ですか?

正しい答えを選んでください

すべて明確でしたか?

どのように改善できますか?

フィードバックありがとうございます!

セクション 5.  5

AIに質問する

expand

AIに質問する

ChatGPT

何でも質問するか、提案された質問の1つを試してチャットを始めてください

セクション 5.  5
some-alt