Skip to content

JavaScript 配列メソッド 解説

よく使われる JavaScript の配列メソッドを、動作ごとにグループ化してまとめました。配列を変更するか、何を返すか、いつ使うか。毎日使うメソッドのクイックリファレンスです。

配列メソッドには2種類あります。破壊的なメソッドは呼び出し元の配列を変更し、非破壊的なメソッドは新しい配列を返して元の配列をそのまま残します。可能なら非破壊的なメソッドを優先しましょう。予期しない副作用を避けられ、チェーンもきれいにつながります。map、filter、reduce は毎日使う主力メソッドです。map は各要素を変換し、filter は必要な要素だけを残し、reduce は配列全体を1つの値に畳み込みます。

リファレンステーブル · 40 項目
40 of 40 rows
破壊的
はい新しい長さ1つ以上の要素を配列の末尾に追加する。
はい値 | undefined最後の要素を取り除いて返す。
はい値 | undefined最初の要素を取り除いて返す。
はい新しい長さ1つ以上の要素を配列の先頭に追加する。
はい削除された要素の配列指定したインデックスから要素を挿入・削除・置換する。
はい同じ配列(並べ替え後)要素をその場で並べ替える。比較関数なしでは文字列として比較される。
はい同じ配列(反転後)要素の順序をその場で反転する。
はい同じ配列指定した範囲のスロットを1つの値で上書きする。
はい同じ配列連続した要素の範囲を同じ配列内の別の位置へコピーする。
反復 / 変換
いいえ新しい配列すべての要素を新しい何かに変換する。
いいえ新しい配列テストを通過した要素だけを残す。
いいえアキュムレータすべての要素を1つの値に畳み込む。
いいえアキュムレータ最後の要素から始めて、すべての要素を1つの値に畳み込む。
いいえundefinedすべての要素に対して副作用を実行する。
いいえ値 | undefinedテストを通過する最初の要素を取得する。
いいえインデックスまたは -1テストを通過する最初の要素のインデックスを取得する。
いいえ値 | undefinedテストを通過する最後の要素を取得する。
いいえインデックスまたは -1テストを通過する最後の要素のインデックスを取得する。
いいえ真偽値少なくとも1つの要素がテストを通過するか調べる。
いいえ真偽値すべての要素がテストを通過するか調べる。
いいえ新しい配列ネストした配列を指定した深さまで平坦化する。Infinity を渡すとすべてのレベルを平坦化する。
いいえ[インデックス, 値] のイテレータインデックスと値のペアを反復処理する。
いいえインデックスのイテレータインデックスだけを反復処理する。
いいえ値のイテレータ値だけを反復処理する。
アクセス / 非破壊的
いいえ新しい配列配列の一部を新しい配列としてコピーする。
いいえ新しい配列2つ以上の配列を1つに結合する。
いいえ真偽値配列に特定の値が存在するか調べる。
いいえインデックスまたは -1値が最初に現れるインデックスを探す。
いいえインデックスまたは -1値が最後に現れるインデックスを探す。
いいえ文字列すべての要素を区切り文字で1つの文字列につなげる。
いいえ値 | undefinedインデックスで要素を読み取る。負のインデックスは末尾から数える。
新しいメソッド
いいえ新しい配列各要素を変換し、その結果を1レベルだけ1回のパスで平坦化する。
いいえ新しい配列1つのインデックスを置き換えたコピーを返す。
いいえ新しい配列(並べ替え後)コピーを並べ替え、元の配列はそのまま残す。
いいえ新しい配列(反転後)コピーを反転し、元の配列はそのまま残す。
いいえ新しい配列コピーに splice を実行し、元の配列はそのまま残す。
静的メソッド
いいえ新しい配列iterable や array-like オブジェクトから配列を生成する。
いいえ新しい配列引数のリストから配列を生成する。
いいえ真偽値値が本当の配列かどうかを調べる。
いいえ新しい配列の Promise非同期 iterable から配列を生成する。