어제 오늘 내일

[Javascript] 배열 자르기 - slice() 본문

IT/Javascript

[Javascript] 배열 자르기 - slice()

hi.anna 2020. 8. 3. 02:01

 

Javascript의 배열을 다루는 방법을 알아보고 있습니다.

[Javascript] 배열 선언하는 2가지 방법

[Javascript] 배열 앞, 뒤에 값 추가, 삭제하기 (1)

[Javascript] 배열 중간에 값 추가, 삭제하기 (2) - splice() 함수

[Javascript] 배열 합치기 3가지 방법

 

 


 

배열 자르기

배열의 일부분을 잘라내어,

새로운 배열로 리턴하기 위해서는 slice() 함수를 사용합니다.

 

 slice() 

arr.slice([begin[, end]])

array.slice(1, 3)

slice 함수는 잘라낼 배열의 시작index와 end index를 파라미터로 받아서,

그 사이의 원소들을 새로운 배열로 만들어서 리턴합니다.

이때 원본 배열인 arr은 변경되지 않습니다.

 

 파라미터 

begin

잘라낼 배열의 시작 index

 

end

잘라낼 배열의 종료 index

end index의 값은 잘라낼 배열에 포함되지 않습니다.

end index가 생략되면, begin index부터 배열의 끝까지를 잘라냅니다.

 

 리턴값 

잘라낸 원소들로 만든 새로운 배열을 리턴합니다.

 

 

 slice() 예제 

See the Pen 배열 by anna (@hianna) on CodePen.

 

 arr.slice(1, 3); 

배열의 arr[1] ~ arr[3] 까지(arr[3]은 미포함)를 복사한, 새 배열을 리턴합니다.

 

 arr.slice(1); 

두번째 파라미터인 end 값이 입력되지 않으면,

시작 index부터 배열의 끝까지를 복사한, 새 배열을 리턴합니다.

 

 arr.slice(-3, -1); 

begin index나 end index가 음수이면,

배열의 끝에서부터의 길이를 나타냅니다.

아래 그림을 참조하세요.

arr.slice(-3, -1)

 


 

slice() 함수를 이용하여

배열의 일부분을 잘라내어 리턴하는 방법을 알아보았습니다.

 

 

반응형
Comments