かなぽんのブログ

フロントエンドエンジニアの雑記

JavaScriptの配列をspliceを使って変更する

JavaScriptの配列をspliceを使って変更する

splice: 古い要素を取り除きつつ新しい要素を追加することで、配列の内容を変更します。

参考サイト MDN web docs(https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Array/splice)

使い方

numbers.splice("開始位置", "取り除く要素数", "配列に追加する要素");

例1

const numbers = [0, 1, 2];

// 1番目から0個取り除き、そこに3追加する
numbers.splice(1, 0, 3);

console.log(numbers);
// [0, 3, 1, 2]

例2

const numbers = [0, 1, 2];

// 0番目から1個取り除き、そこに4追加する
numbers.splice(0, 1, 4);

console.log(numbers);
// [4, 1, 2]