![配列操作](https://mitikusa-engineer.com/wp-content/uploads/2022/05/Javascript-1024x538.png)
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なオブジェクトを配列に変換する |
さっそくサンプルを見てみましょう。
サンプル