JavaScript Array.splice() - 要素の挿入、削除、置換
Array.splice()で任意の位置に要素を挿入、削除、置換する完全ガイド。ビジュアル例とES2023のtoSpliced()代替を含みます。無料リファレンス。
Mutation
詳細な説明
Array.splice()を理解する
Array.splice()は最も汎用的な変更系メソッドです。配列の任意の位置で要素の削除、挿入、置換を1回の呼び出しで実行できます。
構文
const removed = array.splice(start, deleteCount, item1, item2, ...);
要素の削除
const arr = ["a", "b", "c", "d", "e"];
const removed = arr.splice(1, 2);
// arr: ["a", "d", "e"]
// removed: ["b", "c"]
要素の挿入
const arr = ["a", "c", "d"];
arr.splice(1, 0, "b");
// arr: ["a", "b", "c", "d"]
ES2023: toSpliced()
不変操作にはtoSpliced()を使用：
const arr = ["a", "c", "d"];
const result = arr.toSpliced(1, 0, "b");
// result: ["a", "b", "c", "d"]
// arr: ["a", "c", "d"]（変更なし）
ユースケース
splice()は、特定の位置にアイテムを追加、削除、置換する必要がある順序付きリストの管理に使用します。ドラッグ＆ドロップの並べ替え、ToDoリスト管理、その場での配列変更シナリオで一般的です。