[javascript] Array push, pop, unshift, shift, splice

Array.push()

https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array/push

배열의 끝에 요소를 추가하며 배열의 새로운 길이를 반환한다.

var fruits = ["Orange","Strawberry","Apple","Banana"];
fruits.push("Grape");

결과

["Orange", "Strawberry", "Apple", "Banana", "Grape"]

Array.pop()

https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array/pop

배열의 마지막 요소를 제거하며 그 요소를 반환한다.

var fruits = ["Orange","Strawberry","Apple","Banana"];
fruits.pop();

결과

["Orange", "Strawberry", "Apple"]

Array.unshift()

https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array/unshift

배열의 맨 앞에 요소를 추가하며 새로운 길이를 반환한다.

var fruits = ["Orange","Strawberry","Apple","Banana"];
fruits.unshift("Grape");

결과

["Grape", "Orange", "Strawberry", "Apple", "Banana"]

Array.shift()

https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array/shift

배열의 첫 번째 요소를 제거하며 제거된 요소를 반환한다.

var fruits = ["Orange","Strawberry","Apple","Banana"];
fruits.shift();

결과

["Strawberry", "Apple", "Banana"]

Array.splice()

https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array/splice

배열의 기존 요소를 삭제 또는 교체하여 배열의 내용을 변경한다.

제거

var fruits = ["Orange","Strawberry","Apple","Banana"];
fruits.splice(1, 2);

결과

["Orange", "Banana"]

교체

var fruits = ["Orange","Strawberry","Apple","Banana"];
fruits.splice(4, 1, "Grape");

결과

["Orange", "Strawberry", "Grape", "Banana"]