JavaScript - 配列の要素を追加する

Array.prototype.unshift()

unshift() メソッドは、配列の最初にひとつ以上の要素を追加し、新しい配列の長さを返します。

var array = ['b', 'c'];

array.unshift('a');
console.log(array); // ['a', 'b', 'c']
unshift() メソッド
サポートブラウザ
ie
IE
edge
Edge
firefox
Firefox
chrome
Chrome
safari
Safari
opera
Opera
safari
iOS Safari
android
Android
5.512111
◯:Support ✕:Not Support ?:未定義 n:以降の Version で Support

Array.prototype.push()

push() メソッドは、配列の末尾にひとつ以上の要素を追加することができます。また戻り値として新しい配列の要素数を返します。

var array = ['a', 'b'];

array.push('c');
console.log(array); // ['a', 'b', 'c']
push() メソッド
サポートブラウザ
ie
IE
edge
Edge
firefox
Firefox
chrome
Chrome
safari
Safari
opera
Opera
safari
iOS Safari
android
Android
5.512111
◯:Support ✕:Not Support ?:未定義 n:以降の Version で Support

Array.prototype.splice()

splice() メソッドは、既存の要素を取り除いたり、置き換えたり、新しい要素を追加したりすることで、配列の内容を変更します。splice() メソッドの構文は以下のとおりです。

var arrDeletedItems = array.splice(start[, deleteCount[, item1[, item2[, ...]]]])
splice() メソッド
start
配列を変更する開始位置を表すインデックスです。値が配列の長さより大きい場合は start は配列の長さに設定されます。値が負数の場合は、配列の末尾から要素数を戻ったところから始まります。
deleteCount
配列の start から取り除く古い要素の数を示す整数です。deleteCount 引数が省略された場合 start 以降のすべての要素が取り除かれます。deleteCount0 か負数の場合、どの要素も取り除かれません。この場合、少なくとも 1 つの新しい要素を指定する必要があります。
item1, item2, ...
配列に追加する要素です。要素を指定しなかった場合 splice() メソッドは単に配列から要素を取り除きます。

splice() メソッドの返り値は、取り除かれた要素を含む配列です。要素が 1 つのみ削除された場合は、要素数 1 の配列が返されます。要素が削除されなかった場合、空の配列が返されます。

var array = ['a', 'b', 'c'];

array.splice(1, 0, 'A'); // 2番目に挿入
console.log(array); // ['a', 'A', 'b', 'c']


var array = ['a', 'b', 'c'];

array.splice(2, 0, 'A', 'B'); // 3番目に複数挿入
console.log(array); // ['a', 'b', 'A', 'B', 'c']
splice() メソッド
サポートブラウザ
ie
IE
edge
Edge
firefox
Firefox
chrome
Chrome
safari
Safari
opera
Opera
safari
iOS Safari
android
Android
5.512111
◯:Support ✕:Not Support ?:未定義 n:以降の Version で Support

関連記事