【JavaScript】splice()メソッドの使い方【配列操作】

JavaScriptで配列を編集したい場合にsplice()メソッドが便利だと知ったので、備忘録として。

splice()メソッドを使えば、配列の指定した位置への要素の追加&削除、置き換えができる。

参考：Array.prototype.splice() - JavaScript | MDN 

基本型

array.splice(index , howMany, array())

  第1引数に指定したいインデックス番号、 第2引数にいくつ削除（＝置き換え）するか、 第3引数に追加したい配列を指定します。

要素の追加はせず削除だけしたい場合は、第3引数を指定しなければOK。

例

• 要素を追加したい場合

var fruits = ['apple', 'orange', 'kiwi', 'peach'];
// index1に'pineapple'を追加し、代わりに0個削除する(=削除はしない)
fruits.splice(1, 0, 'pineapple');
console.log(fruits);

出力結果

Array ["apple", "pineapple", "orange", "kiwi", "peach"]

• 要素の追加＆削除（置き換え）したい場合

// index2に'pineapple'を追加し、代わりに1個削除する
fruits.splice(2, 1, 'pineapple');
console.log(fruits);

出力結果

Array ["apple", "orange", "pineapple", "peach"]

これでslickGridの表示順変更も怖くない！ やったね！