slice 메서드는 JavaScript에서 배열이나 문자열의 일부분을 선택하여 새로운 배열이나 문자열을 반환하는 메서드입니다. slice 메서드는 원본 배열이나 문자열을 변경하지 않고, 선택한 부분만을 포함한 새로운 배열이나 문자열을 반환합니다.

배열에서 slice 메서드 사용

문법

arr.slice(beginIndex, endIndex)

• beginIndex (선택 사항): 추출을 시작할 인덱스입니다. 이 인덱스는 포함됩니다. 만약 생략하면 기본값은 0입니다.
• endIndex (선택 사항): 추출을 종료할 인덱스입니다. 이 인덱스는 포함되지 않습니다. 생략하면 기본값은 배열의 길이입니다.

배열 예제1

let fruits = ['Apple', 'Banana', 'Orange', 'Mango', 'Pineapple'];

let citrus = fruits.slice(1, 3); // 'Banana', 'Orange'만 포함된 새로운 배열 반환
console.log(citrus); // ['Banana', 'Orange']
console.log(fruits); // ['Apple', 'Banana', 'Orange', 'Mango', 'Pineapple'] (원본 배열은 변경되지 않음)

배열 예제2

let fruits = ['Apple', 'Banana', 'Orange', 'Mango', 'Pineapple'];

let lastTwo = fruits.slice(-2); // 마지막 두 요소인 'Mango', 'Pineapple' 포함된 새로운 배열 반환
console.log(lastTwo); // ['Mango', 'Pineapple']

문자열에서 slice 메서드 사용

문법

str.slice(beginIndex, endIndex)

• beginIndex (선택 사항): 추출을 시작할 인덱스입니다. 이 인덱스는 포함됩니다. 만약 생략하면 기본값은 0입니다.
• endIndex (선택 사항): 추출을 종료할 인덱스입니다. 이 인덱스는 포함되지 않습니다. 생략하면 기본값은 문자열의 길이입니다.

음수 인덱스 사용

slice 메서드는 음수 인덱스를 지원합니다. 음수 인덱스는 배열 또는 문자열의 끝에서부터의 오프셋을 나타냅니다.

문자열 예제1

let text = "Hello, World!";
let newText = text.slice(0, 5); // 'Hello'만 포함된 새로운 문자열 반환
console.log(newText); // 'Hello'
console.log(text); // 'Hello, World!' (원본 문자열은 변경되지 않음)

문자열 예제2

let text = "Hello, World!";
let lastPart = text.slice(-6); // 마지막 6문자 'World!' 포함된 새로운 문자열 반환
console.log(lastPart); // 'World!'

요약

• slice 메서드는 원본 배열이나 문자열을 변경하지 않고, 선택한 부분을 새로운 배열이나 문자열로 반환합니다.
• beginIndex는 포함되지만, endIndex는 포함되지 않습니다.
• 음수 인덱스를 사용하여 배열이나 문자열의 끝에서부터 요소를 선택할 수 있습니다.