javascriptにて配列を削除する
１．javascriptにて配列を削除する
javascriptにて配列を削除する場合、いくつかのメソッドが存在しています。・javascriptのshiftメソッド
javascriptのshiftメソッドは、配列から最初の要素を取り除いた要素を返します。
var array = ['test1', 'test2', 'test3'];
var result = array.shift();
console.log(array); // ['test2', 'test3']
console.log(result); // test1
・javascriptのpopメソッド
javascriptのpopメソッドは、配列から最後の要素を取り除いた要素を返します。
var array = ['test1', 'test2', 'test3'];
var result = array.pop();
console.log(array); // ['test1', 'test2']
console.log(result); // test3
・javascriptのspliceメソッド
javascriptのspliceメソッドは、既存の要素を取り除く、置き換えを行う、新しい要素を追加したりすることで、配列の内容を変更します。
構文は以下になります。
let arrDeletedItems = array.splice(start[, deleteCount[, item1[, item2[, ...]]]])
引数
start：配列を変更する開始位置を表すインデックスです。
値が配列の長さより大きい場合は、 startは配列の長さに設定されます。この場合、削除される要素はありませんが、このメソッドは追加関数として動作し、提供されたitem[n*]の数だけ要素を追加します。
値が負数の場合は、配列の末尾から要素数を戻ったところから始まります(-1が原点で、-nは最後の要素からn番目であることを意味し、したがってインデックスがarray.length-nであるのと同等です)。
start の絶対値が配列の長さよりも大きい場合は、インデックス 0 から始まります。
deleteCount：配列のstartから取り除く古い要素の数を示す整数です。
deleteCount引数が省略された場合、またはarray.length-start以上 (つまり、startから始まり、配列に残る要素の数以上の場合) の場合、start以降のすべての要素が取り除かれます。
deleteCountが0か負数の場合、どの要素も取り除かれません。この場合、少なくとも 1 つの新しい要素を指定する必要があります 。
item1, item2, ...：配列に追加する要素で、startから始まります。要素を指定しなかった場合、 splice()は単に配列から要素を取り除きます。
指定した配列要素を削除する場合、以下のように記述します。
・記述例１
var array = ['test1', 'test2', 'test3', 'test4'];
// 1番目の要素を1個削除する
var result = array.splice(1, 1);
console.log(array); // ['test1', 'test3', 'test4']
console.log(result); // ['test2'];
・記述例２
var array = ['test1', 'test2', 'test3', 'test4'];
// 1番目の要素を2個削除する
var result = array.splice(1, 2);
console.log(array); // ['test1', 'test4']
console.log(result); // ['test2', 'test3'];
・記述例３
var array = ['test1', 'test2', 'test3', 'test4'];
// 2番目以降の要素を削除する
var result = array.splice(2);
console.log(array); // ['test1', 'test2']
console.log(result); // ['test3', 'test4'];
・記述例４
var array = ['test1', 'test2', 'test3', 'test4'];
// 後ろから3番目の要素を1個削除する
var result = array.splice(-3, 1);
console.log(array); // ['test1', 'test2', 'test4']
console.log(result); // ['test3'];
指定した配列要素の置き換えを行う場合、以下のように記述します。
・記述例
var array = ['test1', 'test2', 'test3', 'test4'];
// 1番目の要素を1個削除してanserを挿入する
var result = array.splice(1, 1, 'anser');
console.log(array); // ['test1', 'anser', 'test3', 'test4']
console.log(result); // ['test2'];
指定した配列要素に新しい要素を追加する場合、以下のように記述します。
・記述例
var array = ['test1', 'test2', 'test3', 'test4'];
// 1番目の要素を0個削除してanser1、anser2を挿入する
var result = array.splice(1, 0, 'anser1', 'anser2');
console.log(array); // ['test1', 'anser1', 'anser2', 'test2', 'test3', 'test4']
console.log(result); // [];
２．最後に
javascriptにて配列を削除するために使用できるメソッドについていくつか記述しましたが、必要に応じてメソッドを使用してください。