Array.find() 最初のマッチを検索

最終更新:2026-10-13

Array.find() 最初のマッチを検索

find はテスト関数を満たす最初の要素を返します。見つからない場合は undefined を返します。

カテゴリ配列

⚙️ 引数

callback

戻り値:最初にマッチした要素、または undefined。

元の値を変更するか:いいえ(新しい値を返す)

▶ 例

コードを編集して「実行」を押すと、出力パネルに結果が表示されます。

実行結果:

{ id: 2, name: 'Li', role: 'admin' }
undefined
💡 ヒント
⚠️ 警告

🌐 ブラウザ対応

ブラウザ ChromeChrome EdgeEdge FirefoxFirefox SafariSafari OperaOpera
Array.find() ✓ v45 ✓ v12 ✓ v25 ✓ v8 ✓ v32
すべてのモダンブラウザで対応
さらに多くのケースは近日公開予定です。

📚 関連チュートリアル

❓ よくある質問

Q一致するものがないとき find は何を返しますか?
Aundefined です。!== undefined で比較するか、存在チェックには some を使うと簡潔です。
Qfind と findIndex のどちらを使う?
A要素自体が欲しいときは find、位置が欲しいときは findIndex を使います(例: 置換する場合)。
Q複数条件で検索できますか?
Aはい — コールバック内で条件を組み合わせます: users.find(u => u.role === 'admin' && u.active)。
Web-Tutorial.com

Web-Tutorial 技術チーム

複数の開発者によって共同維持されているプログラミングチュートリアルプラットフォーム。各チュートリアルは専門分野の開発者が執筆・レビューしています。正確で信頼性の高いコンテンツを目指しています — 問題を見つけた場合はお知らせください。

100%