JavaScript配列メソッドリファレンス

JavaScript配列メソッドリファレンスは、JavaScript配列で利用可能なすべてのメソッドの 包括的でインタラクティブなガイドです。pushやpopの基本を学ぶ初心者から、 ES2023で追加されたtoSorted、toReversed、withを活用する経験豊富な 開発者まで、動作するコード例、パラメータ表、視覚的な変換図で API全体を手軽に確認できます。

メソッドは3つのカテゴリに分類されています：元の配列を変更する変更系メソッド （push、pop、splice、sort、reverseなど）、ソースに 触れずに新しい値を返す非変更系メソッド（map、filter、reduce、 find、slice、toSorted、withなど）、およびArrayコンストラクタ 自体の静的メソッド（Array.from、Array.of、Array.isArray）。 各カードはメソッドが配列を変更するかどうかを明確に示すので、より安全で 予測可能なコードを書くことができます -- ReactやStataeドリブンフレームワークでは 特に重要です。

内蔵の**「どのメソッドを使うべき？」**判断ヘルパーでは、やりたいこと （要素の追加、削除、変換、検索、ソートなど）を選択すると、推奨メソッドと それぞれの使い分けが即座に表示されます。

すべての処理はブラウザ内で完全に行われます。データはサーバーに送信されず、 アカウントやサインアップは不要で、一度読み込めばオフラインでも動作します。 JSONデータを扱う場合は、JSONフォーマッターで フォーマットと検証ができます。TypeScript固有のユーティリティについては、 JSON to TypeScriptコンバーターが サンプルデータから型定義を生成します。

1. 上部の検索バーを使って、名前、説明、またはユースケースでメソッドを検索します（例：「sort」、「remove」、「immutable」）。
2. カテゴリタブ（All、Mutating、Non-Mutating、Static）をクリックしてリストをフィルタリングします。
3. **「Which method?」**ボタンをクリックして判断ヘルパーを開きます -- やりたいことを選んで推奨メソッドを確認します。
4. メソッドカードをクリックして展開し、完全な構文、パラメータ、戻り値、ビジュアル図、コード例を確認します。
5. コード例のCopyをクリックしてクリップボードにコピーするか、Ctrl+Shift+Cで現在展開中のメソッドのコードをコピーします。
6. 各カードのMutates（赤）またはPure（緑）バッジで、メソッドが元の配列を変更するかどうかを確認します。
7. 各カード下部のPerformanceセクションでBig-O計算量と最適化のヒントを確認します。