配列操作

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なオブジェクトを配列に変換する

さっそくサンプルを見てみましょう。

サンプル