JavaScript Tips - 配列の末尾もしくは先頭を基準に追加もしくは削除する方法

phi phi on javascript

よく忘れるので備忘録がてらまとめました.

Runstant

動作デモです.

末尾に追加は push

push で末尾に追加. 複数追加も可能です.

// push
var arr = [1, 2, 3, 4];  
arr.push(5);  
console.log(arr); // 1,2,3,4,5  
arr.push(6, 7);  
console.log(arr); // 1,2,3,4,5,6,7  

末尾から削除は pop

pop で末尾から削除. 正確には削除というか取り出しになるのかな?

// pop
var arr = [1, 2, 3, 4];  
var a = arr.pop();  
console.log(a);  
console.log(arr); // 1,2,3  

先頭に追加は unshift

unshift で先頭に追加

// unshift
var arr = [1, 2, 3, 4];  
arr.unshift(0);  
console.log(arr); // 0,1,2,3,4  
arr.unshift(-2, -1);  
console.log(arr); // -2,-1,0,1,2,3,4  

先頭から削除は shift

shift で先頭から削除

// shift
var arr = [1, 2, 3, 4];  
var a = arr.shift();  
console.log(a);  
console.log(arr); // 2,3,4  

配列の結合

ちょっとした小技です. pushapply を組み合わせることで 配列を結合できます.

// push
var a = [1,2,3];  
var b = [4,5,6];

a.push.apply(a, b);  
console.log(a); // 1,2,3,4,5,6