배열 요소 추가, 삭제 메서드 : push(value), pop(), unshift(value), shift()
- array.push(value) : 배열의 마지막에 새로운 요소를 추가한 후, 변경된 배열의 길이를 반환
- array.pop() : 배열의 마지막 요소를 제거한 후, 제거한 요소를 반환
- array.unshift(value) : 배열의 첫 번째 자리에 새로운 요소를 추가한 후, 변경된 배열의 길이를 반환
- array.shift() : 배열의 첫 번째 요소를 제거한 후, 제거한 요소를 반환
var array = [1,2,3];
array.pop(); // 3 (배열의 마지막 요소 제거, 제거된 요소 리턴)
array.push("new"); // 3 (배열의 마지막에 요소 추가, 배열의 크기 리턴)
console.log(array); // [1,2,'new']
array.shift(); // 1 (배열의 첫 번째 요소 제거, 제거된 요소 리턴)
array.unshift("new"); // 3 (배열의 처음에 요소 추가, 배열의 크기 리턴)
console.log(array); // ['new',2,'new']
splice(start, deleteCount, el) : 배열의 특정 위치에 요소를 추가, 삭제하는 메서드
- 리턴값은 삭제한 배열 요소 (삭제한 요소가 없더라도 빈 배열을 반환한다.)
- 추가할 요소가 없을 경우에는 3번째 파라미터 생략 가능하다.
- start : 배열 변경을 시작할 인덱스
- deleteCount : 삭제할 요소 개수
- el : 배열에 추가될 요소
var arr = [1,5,7];
arr.splice(1,0, 2,3,4); // index 1의 자리에 제거할 요소의 수는 0이고, 2,3,4를 추가한다.
// -> [] / arr:[1,2,3,4,5,7]
arr.splice(1, 2); // index 1부터 시작하여 2개 요소를 제거한다.
// -> [2,3] / arr:[1,4,5,7]
