push()【末尾要素追加】
pop()【末尾要素削除】
shift()【先頭要素削除】
unshift()【先頭要素挿入】
splice()【要素削除&挿入】

Array.prototype.push()【末尾要素追加】

メモ

構文

array.push( ...items )

戻り値要素追加後の要素数
items追加要素

var array = [1, 2, 3];
console.log(array);             // 出力:[1, 2, 3]
console.log(array.push());      // 出力:3
console.log(array);             // 出力:[1, 2, 3]
console.log(array.push(4));     // 出力:4
console.log(array);             // 出力:[1, 2, 3, 4]
console.log(array.push(5, 6));  // 出力:6
console.log(array);             // 出力:[1, 2, 3, 4, 5, 6]

Array.prototype.pop()【末尾要素削除】

メモ

構文

array.pop()

戻り値削除した末尾要素 (undefined:空の配列)

var array = [1, 2, 3, 4, 5];
console.log(array);       // 出力:[1, 2, 3, 4, 5]
console.log(array.pop()); // 出力:5
console.log(array);       // 出力:[1, 2, 3, 4]

array = [];
console.log(array);       // 出力:[]
console.log(array.pop()); // 出力:undefined
console.log(array);       // 出力:[]

Array.prototype.shift()【先頭要素削除】

メモ

構文

array.shift()

戻り値削除された先頭要素

var array = [1, 2, 3];
console.log(array.shift()); // 出力:1
console.log(array);         // 出力:[2, 3]
array = [];
console.log(array.shift()); // 出力:undefined
console.log(array);         // 出力:[]

Array.prototype.unshift()【先頭要素挿入】

メモ

構文

array.unshift( ...items )

戻り値挿入後の配列の要素数
items挿入要素

var array = [1, 2, 3, 4];
console.log(array.unshift());         // 出力:4
console.log(array);                   // 出力:[1, 2, 3, 4]
console.log(array.unshift(100, 200)); //// 出力:6
console.log(array);                   // 出力:[100, 200, 1, 2, 3, 4]
console.log(array.unshift([50, 60])); //// 出力:7
console.log(array);                   // 出力:[Array[2], 100, 200, 1, 2, 3, 4]

Array.prototype.splice()【要素削除&挿入】

メモ

構文

array.splice( start, deleteCount, ...items )
array.splice( start[, deleteCount[, ...items]] ) 

戻り値削除要素
start削除開始要素位置 (詳細は下記参照)
deleteCount削除要素数 (省略 :以降全て削除)
items挿入要素
start説明
0 ≦先頭からの要素位置
< 0末尾からの要素位置

var array = [1, 2, 3, 4, 5];
console.log(array.splice(1, 2));          // 出力:[2, 3]
console.log(array);                       // 出力:[1, 4, 5]

array = [1, 2, 3, 4, 5];
console.log(array.splice(-4, 2));         // 出力:[2, 3]
console.log(array);                       // 出力:[1, 4, 5]

array = [1, 2, 3, 4, 5];
console.log(array.splice(1, 2, 10, 20));  // 出力:[2, 3]
console.log(array);                       // 出力:[1, 10, 20, 4, 5]