.slice()와 .reverse()

Source: Dev.to

.slice()

.slice() 은 JavaScript에서 배열과 문자열 모두가 지원하는 메서드로, 일부 내용을 잘라내어 새 값을 반환합니다(원본은 수정되지 않음).

문법

arr.slice(start, end)

• start：시작 위치(포함), 선택 사항
• end：끝 위치(포함되지 않음), 선택 사항

특징

• 원본 배열을 변경하지 않고 새 배열을 반환합니다

예시

기본 사용

const arr = [10, 20, 30, 40, 50];
arr.slice(1, 3); // [20, 30] 인덱스 1~2 추출

end 생략

arr.slice(2); // [30, 40, 50] 인덱스 2부터 끝까지

전체 배열 복사

const copy = arr.slice(); // 전체 복사

음수 인덱스(끝에서부터 계산)

arr.slice(-2);      // [40, 50]   마지막 두 개
arr.slice(1, -1);   // [20, 30, 40] 인덱스 1부터(포함) 뒤에서 두 번째 요소 전까지(포함되지 않음)

.reverse()

.reverse() 은 JavaScript 배열 메서드로, 배열을 제자리에서 뒤집습니다(원본 배열이 변경됨).

문법

array.reverse()

• 반환값：뒤집힌 같은 배열(배열 자체)
• 원본 배열을 수정하고, 새 배열을 생성하지 않음

예시

const arr = [1, 2, 3];
arr.reverse();

console.log(arr); // [3, 2, 1]