Javascriptの配列を対象にして実行できる処理についてまとめました。
良く使われるメソッド一覧
個人的に頻繁に使用するメソッド(やプロパティ、関数)は下記の通りです。
| 内容 | 処理内容 |
|---|---|
| length | 配列の長さ(先頭は1から)を取得 |
| filter | コールバック関数の条件に一致する要素だけの配列を取得 |
| find | コールバック関数の条件に一致する最初の要素を取得 |
| findIndex | コールバック関数の条件に一致する最初の要素のインデックスを取得 |
| map | 全ての要素にコールバック関数を実行し、結果を新しい配列として取得 |
| reduce | 全ての要素にコールバック関数を実行し、結果を1つの値として取得 |
| unshift | 配列の先頭に引数の要素を追加 |
| push | 配列の末尾に要素を追加 |
| shift | 配列の先頭の要素を削除 |
| pop | 配列の末尾の要素を削除 |
| concat | 配列同士を結合する |
| splice | 配列内の要素を別の値に置き換える |
| join | 配列の各値を文字列として結合し、1つの値として取得 |
| indexOf | 配列内の先頭から特定の要素を検索し、最初に発見した要素のインデックスを取得 |
| lastIndexOf | 配列内の末尾から特定の要素を検索し、最初に発見した要素のインデックスを取得 |
| includes | 特定の要素が含まれていたら『true』、含まれていないなら『false』を取得 |
| reverse | 配列の並び順を反転させる |
| sort | 配列の並び順を昇順/降順/unicode順でソートする |
| […ArrayLikeなオブジェクト] | ArrayLikeなオブジェクトを配列に変換する |
さっそくサンプルを見てみましょう。
サンプル
