[Javascript] 배열 다루기(삽입, 제거, 복제, 자르기...)

push(item)

배열의 끝에 아이템을 추가한다. 함수 자체는 해당 배열의 길이 값을 리턴하고, 기존 배열에는 새로운 아이템이 추가된다.

 

var alpha = ["a", "b", "c", "d"];

var push = alpha.push("e");

console.log(push); => 5

console.log(alpha); => ["a", "b", "c", "d", "e"]

pop()

배열의 마지막 아이템을 제거한다. 함수 자체는 해당 배열에서 제거된 값을 리턴하고, 기존 배열은 마지막 값이 사라진 배열이 된다.

 

var fruits = ["Apple", "Banana", "Orange", "Melon"];

var pop = fruits.pop();

console.log(pop); => Melon

console.log(fruits); => ["Apple", "Banana", "Orange"]

 

shift()

배열의 첫 번째 아이템을 제거한다. 함수 자체는 해당 배열에서 제거된 값을 리턴하고, 기존 배열은 마지막 값이 사라진 배열이 된다.

pop 함수와 비슷하고, 첫번째를 제거하는지, 마지막을 제거하는지에 대한 차이만 있을 뿐이다.

 

var fruits = ["Apple", "Banana", "Orange", "Melon"];

var pop = fruits.pop();

console.log(pop); => Apple

console.log(fruits); => ["Banana", "Orange", "Melon"]

 

unshift(item)

배열의 앞에 아이템을 추가한다. 함수 자체는 해당 배열의 길이 값을 리턴하고, 기존 배열에는 새로운 아이템이 추가된다.

push 함수와 유사하며, 마찬가지로 앞/뒤의 차이

 

var alpha = ["a", "b", "c", "d"];

var unshift = alpha.unshift("e");

console.log(unshift); => 5

console.log(alpha); => ["e", "a", "b", "c", "d"]

splice(index, length)

splice(index, length), index 번째 부터 length 만큼의 갯수의 아이템을 제거한다. 함수 자체는 제거된 배열을 반환한다.

index는 0부터 시작

 

var alpha = ["a", "b", "c", "d"];

var splice = alpha.splice(1,2);

console.log(splice); => ["b", "c"]

console.log(alpha); => ["a", "d"]

 

splice 함수의 경우에는 제거한 만큼 그 부분을 다른 배열로 대체할 수 있는 기능도 있는데 아래와 같이 사용 가능하다.

var alpha = ["a", "b", "c", "d"];

var splice = alpha.splice(1,2,"e", "f");

console.log(alpha); => ["a", "e", "f", "d"] (b,c가 사라지고 그 자리에 e,f로 대체)

slice()

배열을 복제한다. splice와 혼동하지 않도록 주의. 함수 자체가 배열을 반환하며 기존 배열에는 아무 영향이 없다.

 

var alpha = ["a", "b", "c", "d"];

var slice = alpha.slice();

console.log(slice); => ["a", "b", "c", "d"];

console.log(alpha); => ["a", "b", "c", "d"];