find() メソッドによる配列内要素の検索
メニューを表示するにはスワイプしてください
find()メソッドの構文と用途について、具体的な例を用いてその機能を解説。
find()
filter()メソッドが条件を満たすすべての要素を配列から抽出するのに対し、find()メソッドは最初に条件を満たす要素を一つだけ取得するための専用メソッド。構文は以下の通り:
array.find((element, index, array) => {
// Callback body
});
find() メソッドの重要な特徴
- 元の配列は変更されない
- 配列内の各要素を順に調べる
- 最初に一致した要素を見つけた時点で処理を停止し、その要素を返す
- 一致する要素がない場合は
undefinedを返す
順序でタスクを検索
この例では、'find()' メソッドを使って 'order' キーでタスクを取得する。
1234567891011const 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
1. find() メソッドの主な目的は何ですか?
2. find() メソッドの主な特徴は何ですか?
3. 次の例で出力される内容は何ですか?
すべて明確でしたか?
フィードバックありがとうございます!
セクション 5. 章 5
AIに質問する
AIに質問する
何でも質問するか、提案された質問の1つを試してチャットを始めてください
セクション 5. 章 5