push【末尾要素追加】メソッド
pop【末尾要素削除】メソッド
shift【先頭要素削除】メソッド
unshift【先頭要素挿入】メソッド
splice【要素削除&挿入】

Array.prototype.push【末尾要素追加】メソッド

メモ

構文

push ( [ item1 [ , item2 [ , … ] ] ] )

  • item1~:追加要素

  • 要素追加後の要素数

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【末尾要素削除】メソッド

メモ

構文

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【先頭要素削除】メソッド

メモ

構文

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【先頭要素挿入】メソッド

メモ

構文

unshift ( [ item1 [ , item2 [ , … ] ] ] )

  • item1~:挿入要素

  • 挿入後の配列の要素数

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【要素削除&挿入】メソッド

メモ

構文

splice ( start, deleteCount [ , item1 [ , item2 [ , … ] ] ] )
splice ( start [ , deleteCount [ , item1 [ , item2 [ , … ] ] ] ] ) 

  • start:削除開始要素位置
    start説明
    0 ≦先頭からの要素位置
    < 0末尾からの要素位置
  • deleteCount:削除要素数 (省略 :以降全て削除)
  • item1~:挿入要素

  • 削除要素 (元の配列変更)

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]