JavaScript에서 배열 또는 문자열에서 일부를 추출하고 싶을 때 slice() 메서드가 유용하게 사용됩니다.
이 메서드는 원본 배열 또는 문자열을 변경하지 않고 지정된 시작 및 종료 인덱스에 해당하는 요소 또는 문자를 추출하여 새로운 배열 또는 문자열을 반환합니다.
slice() 메서드의 기본 구조
slice() 메서드의 기본 구조는 다음과 같습니다.
let newArray = array.slice(startIndex, endIndex);let newString = string.slice(startIndex, endIndex);- startIndex: 추출을 시작할 요소 또는 문자의 인덱스입니다. 이 인덱스의 요소 또는 문자는 포함됩니다.
- endIndex (선택 사항): 추출을 종료할 요소 또는 문자의 인덱스입니다. 이 인덱스의 요소 또는 문자는 포함되지 않습니다. 만약 지정하지 않으면 배열 또는 문자열의 끝까지 추출됩니다.
배열에서 일부 요소 추출하기
아래 예시를 통해 slice() 메서드를 이해해 보겠습니다.
See the Pen slice() 배열 by saladent (@saladent) on CodePen.
위 코드에서는 array 배열에서 인덱스 1부터 3까지의 요소를 추출하여 newArray에 저장하였습니다.
문자열에서 일부 문자 추출하기
slice() 메서드는 문자열에서도 사용할 수 있습니다.
See the Pen slice() 문자열 by saladent (@saladent) on CodePen.
위 코드에서는 str 문자열에서 인덱스 7부터 11까지의 문자를 추출하여 newString에 저장하였습니다.
음수 인덱스 사용하기
slice() 메서드는 음수 인덱스를 사용할 수 있습니다. 음수 인덱스는 배열 또는 문자열의 끝에서부터 요소 또는 문자를 추출하는 데 사용됩니다.
배열에서 음수 인덱스 사용하기
예를 들어, 배열의 끝에서부터 3번째 요소부터 끝까지를 추출하고 싶다면 다음과 같이 음수 인덱스를 사용할 수 있습니다.
See the Pen slice() 음수 배열 by saladent (@saladent) on CodePen.
위 코드에서 slice(-3)은 배열의 끝에서부터 3번째 요소부터 끝까지를 추출합니다.
문자열에서 음수 인덱스 사용하기
문자열에서도 마찬가지로 음수 인덱스를 사용할 수 있습니다.
See the Pen slice() 음수 문자열 by saladent (@saladent) on CodePen.
위 코드에서 slice(-6)은 문자열의 끝에서부터 6번째 문자부터 끝까지를 추출합니다.
음수 인덱스로 범위 지정하기
또한 음수 인덱스를 사용하여 범위를 지정할 수도 있습니다. 예를 들어, 배열의 끝에서부터 3번째 요소부터 끝에서부터 1번째 요소까지를 추출하고 싶다면 다음과 같이 음수 인덱스를 사용할 수 있습니다.
See the Pen slice() 배열 음수 범위 지정하기 by saladent (@saladent) on CodePen.
위 코드에서 slice(-3, -1)은 배열의 끝에서부터 3번째 요소부터 끝에서부터 2번째 요소까지를 추출합니다.
요약
JavaScript의 slice() 메서드는 배열 또는 문자열에서 일부를 추출하여 새로운 배열 또는 문자열을 반환하는 데 사용됩니다.
시작 인덱스와 종료 인덱스를 지정하여 원하는 부분을 추출할 수 있습니다.