JavaScript 배열 고급 메서드 활용

1. slice()

slice() 메서드는 배열의 일부분을 추출하여 새로운 배열로 반환합니다. 원본 배열은 변경되지 않습니다.

arr.slice(startIndex, endIndex)

• startIndex: 시작 인덱스 (포함)
• endIndex: 끝 인덱스 (미포함)

 

예제 1: 배열에서 특정 부분을 잘라내기

const arr = [1, 2, 3, 4, 5];

// 인덱스 1부터 3까지 자르기 (3은 제외)
const slicedArr = arr.slice(1, 3);
console.log(slicedArr);  // 출력: [2, 3]
console.log(arr);  // 출력: [1,2,3,4,5]

 

 

2. splice()

splice() 메서드는 배열에서 요소를 제거하거나 새로운 요소를 추가하는 데 사용됩니다. 원본 배열을 직접 수정합니다.

arr.splice(startIndex, deleteCount, item1, item2, ...)

 

• startIndex: 수정할 시작 인덱스
• deleteCount: 삭제할 요소의 개수
• item1, item2, ...: 삭제된 요소 대신 추가할 새로운 요소들

예제 2: 배열의 특정 위치에 요소 삽입 및 삭제하기

const arr = [1, 2, 3, 4, 5];

// 인덱스 2에서 0개의 요소를 삭제하고, 대신 '6'을 삽입
arr.splice(2, 0, 6);
console.log(arr);  // 출력: [1, 2, 6, 3, 4, 5]

// 인덱스 3에서 2개의 요소를 삭제
arr.splice(3, 2);
console.log(arr);  // 출력: [1, 2, 6, 5]

 

3. reverse()

reverse() 메서드는 배열의 순서를 반전시킵니다. 원본 배열이 직접 수정됩니다.

arr.reverse()

예제 3: 배열 순서 반전시키기

const arr = [1, 2, 3, 4, 5];

// 배열의 순서를 반전
arr.reverse();
console.log(arr);  // 출력: [5, 4, 3, 2, 1]

정리

• slice()는 배열을 자르고 원본을 변경하지 않음.
• splice()는 배열에서 요소를 삭제하거나 삽입하고, 원본을 변경함.
• reverse()는 배열의 순서를 반전시키고, 원본을 변경함.