[Javascript] 배열 추가 및 제거

배열의 맨 앞에 값 추가 :unshift()

배열의 맨 앞 값 제거 :shift()

배열의 맨 뒤에 값 추가 :push()

배열의 맨 뒤 값 제거 :pop()

배열의 중간에 값 추가, 삭제 :splice()

• splice() : 배열의 중간에 값 추가하거나 삭제할 때 사용

array.splice(start[, deleteCount[, item1[, item2[, ...]]]])

start : 변경을 시작할 배열의 시작부분 index
 
deleteCount : start 인덱스 부터 갯수만큼 원소 제거
미입력시 start index 이후 모든 값 삭제
 
items : 배열의 start index에 item들을 추가

전체삭제
arr1.splice(0);

 

배열 합치기

• concat() 함수 : 기존의 배열에 합쳐서, 새로운 배열을 만들어서 리턴

array.concat([value1[, value2[, ...[, valueN]]]])

• ... spread operator (전개 연산자) : 배열 이어 붙이기

const arr1 = [1, 2, 3];
const arr2 = [4, 5, 6];
const arr3 = [7, 8, 9];

const newArr = [
  ...arr1, //쪼개진 배열요소를 리턴
  ...arr2,
  ...arr3
];

console.log(newArr.length); 9
console.log(newArr); 1,2,3,4,5,6,7,8,9

• push() 함수 : push() 함수를 사용하여 배열을 합치면 spread operator와 다르게 파라미터로 전달 된 배열을 하나의 원소로 처리

개별적 요소로 파라미터를 주어 새로운 배열을 만들기 위해서는

const arr1 = [1, 2, 3];
const arr2 = [4, 5, 6];

arr1.push(...arr2);