자바스크립트 함수 slice() 배열의 일부를 추출해서 새로 만들기

“slice()” 함수는 JavaScript 배열에서 일부 요소를 추출하여 새로운 배열을 생성하는 데 사용합니다. “slice()” 함수를 사용하면 원본 배열을 변경하지 않고 일부 요소를 추출하여 새로운 배열을 만듭니다. 이를 통해 원본 배열 데이터를 안전하게 조작할 수 있습니다.

 

 

 

◎ 구문

 

array.slice(start, end)

l  “array”: 요소를 추출할 배열입니다.

l  “start”: 추출을 시작할 인덱스입니다. (포함)

l  “end”: 추출을 종료할 인덱스입니다. (포함하지 않음)

 

 

◎ 1. 기본 사용 예제

 

“slice(1, 4)”는 원본 배열 “fruits”에서 인덱스 1부터 인덱스 4 이전까지 (즉, 인덱스 1, 2, 3)의 요소를 추출하여 새로운 배열을 생성해서 반환합니다.

 

const fruits = ["사과", "바나나", "체리", "딸기", "포도"];
const selectedFruits = fruits.slice(1, 4);
 
console.log(selectedFruits);
 
[출력]
["바나나", "체리", "딸기"]

 

 

◎ 2. 음수 인덱스 사용

 

“slice(-2)”는 원본 배열 “colors”에서 뒤에서 두 번째와 마지막 요소를 추출하여 새로운 배열을 생성합니다.

 

const colors = ["빨강", "파랑", "초록", "노랑"];
const lastTwoColors = colors.slice(-2);
 
console.log(lastTwoColors);
 
[출력]
["초록", "노랑"]

 

 

◎ 3. “start”와 “end”를 생략

 

“slice()”를 호출하고 인수를 생략하면, 원본 배열의 복사본이 만들어집니다.

 

const numbers = [1, 2, 3, 4, 5];
const copyOfNumbers = numbers.slice();
 
console.log(copyOfNumbers);
 
[출력]
[1, 2, 3, 4, 5]

 

배열 관련 참고 포스팅을 아래에서 참고하세요.

 

자바스크립트(Javascript) 내장 객체 Array 알아보기

https://mainia.tistory.com/4216

자바스크립트(Javascript) 내장 객체 Array 알아보기

 

자바스크립트 배열(Array) pop() 함수 사용하기

https://mainia.tistory.com/6974

자바스크립트 배열(Array) pop() 함수 사용하기

 

자바스크립트 내장 객체 Array 의 sort 함수 사용하기

https://mainia.tistory.com/4271

자바스크립트 내장 객체 Array 의 sort 함수 사용하기