【javascript】 配列を削除、追加するarray.splice()メソッドについて

第一引数 追加・削除する位置
array.splice(第一引数, 第二引数, 第三引数)
第一引数 : 追加・削除する位置(配列の要素数より大きい値を指定すると配列の末尾となる。負の数値を指定すると配列の末尾から引いた位置となる)
第一引数が 0 以上、配列の要素数以内の数
let number = [0, 1, 2];
let remove = number.splice(0) // 配列内のすべてが削除される
// number = []
// remove = [0, 1, 2]
let number = [0, 1, 2];
let remove = number.splice(1)
// number = [0]
// remove = [1, 2]
let number = [0, 1, 2];
let remove = number.splice(2)
// number = [0, 1]
// remove = [2]
let number = [0, 1, 2];
let remove = number.splice(3)
// number = [0, 1, 2]
// remove = []
// 配列の要素数以上の数を入力しても削除されない
第一引数が負の時
let number = [0, 1, 2];
let remove = number.splice(-1) // splice(2)と同じ
// number = [0, 1]
// remove = [2]
let number = [0, 1, 2];
let remove = number.splice(-2) // splice(1)と同じ
// number = [0]
// remove = [1, 2]
let number = [0, 1, 2];
let remove = number.splice(-3) // splice(0)と同じ
// number = []
// remove = [0, 1, 2]
第二引数 削除する要素の数
array.splice(第一引数, 第二引数, 第三引数)
第二引数 : 削除する要素の数を指定する。
let number1 = [0, 1, 2, 3, 4, 5];
let remove1 = number1.splice(1, 2) // 1番目から2つ削除
// number = [0, 3, 4, 5]
// remove = [1, 2]
第三引数以降 追加する要素
array.splice(第一引数, 第二引数, 第三引数)
第三引数 : 追加する要素を指定する。複数指定できる。
let number1 = [0, 1, 2, 3];
let remove1 = number1.splice(0, 0, -1) // 0番目から0個削除し、-1を追加
// number = [-1, 0, 1, 2, 3]
// remove = []
let number1 = [0, 1, 2, 3];
let remove1 = number1.splice(1, 0, 1.5) // 1番目から0個削除し、1.5を追加
// number = [0, 1, 1.5, 2, 3]
// remove = []
let number1 = [0, 1, 2, 3];
let remove1 = number1.splice(4, 0, 4, 5) // 4番目から0個削除し、4, 5を追加
// number = [0, 1, 2, 3, 4, 5]
// remove = []
参考


splice(第一引数, 第二引数, 第三引数) : 配列の要素の削除と追加
第一引数 : 追加・削除する位置
第二引数 : 削除する要素の数
第三引数 : 追加する要素