❗️Method- [slice()]

JBoB·2023년 1월 23일
0

slice()

slice() 배열 메소드는 begin부터 end 전까지의 복사본을 새로운 배열 객체로 반환한다. 즉, 원본 배열은 수정되지 않는다.

slice(start[, end])

start: 추출 시작점에 대한 인덱스.

  • undefined인 경우: 0부터 slice
  • 음수를 지정한 경우: 배열의 끝에서부터의 길이를 나타낸다. slice(-2)를 하면 배열의 마지막 2개의 요소를 추출한다.
  • 배열의 길이와 같거나 큰 수를 지정한 경우: 빈 배열을 반환한다.

end: 추출을 종료할 기준 인덱스. (end를 제외하고 그 전까지의 요소만 추출한다.)

  • 지정하지 않을 경우: 배열의 끝까지 slice
  • 음수를 지정한 경우: 배열의 끝에서부터의 길이를 나타낸다. slice(2, -1)를 하면 세번째부터 끝에서 두번째 요소까지 추출
  • 배열의 길이와 같거나 큰 수를 지정한 경우: 배열의 끝까지 추출.

반환값: 추출한 요소를 포함한 새로운 배열.

var arr = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];

var arr1 = arr.slice(3, 5);			// [4, 5]
var arr2 = arr.slice(undefined, 5);		// [1, 2, 3, 4, 5]
var arr3 = arr.slice(-3);			// [8, 9, 10]
var arr4 = arr.slice(-3, 9);			// [8, 9]
var arr5 = arr.slice(10);			// []
var arr6 = arr.slice(4);			// [5, 6, 7, 8, 9, 10]
var arr7 = arr.slice(undefined);		// [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]
var arr8 = arr.slice(5, -4);			// [6]
var arr9 = arr.slice(2, 15);			// [3, 4, 5, 6, 7, 8, 9, 10]

console.log(arr);	// [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]
console.log(arr1);	// [4, 5]
console.log(arr2);	// [1, 2, 3, 4, 5]
console.log(arr3);	// [8, 9, 10]
console.log(arr4);	// [8, 9]
console.log(arr5);	// []
console.log(arr6);	// [5, 6, 7, 8, 9, 10]
console.log(arr7);	// [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]
console.log(arr8);	// [6]
console.log(arr9);	// [3, 4, 5, 6, 7, 8, 9, 10]
  1. arr1 : index번호 3부터 4까지 추출
  2. arr2 : index번호 0부터 4까지 추출
  3. arr3 : 뒤에서 3개 추출
  4. arr4 : 뒤에서부터 3번째 숫자인 8부터 추출하기 시작해서 앞에서부터 9번째 숫자(10) 전까지 추출하므로 숫자 8과 9 추출
  5. arr5 : 배열의 길이가 10이므로 index번호 10부터 추출하면 추출할 요소가 없으므로 빈 배열을 리턴한다.
  6. arr6 : index번호 4부터 끝까지 추출
  7. arr7 : 처음부터 끝까지 추출함
  8. arr8 : index번호 5번인 6부터 추출 시작하여 끝에서부터 -4번째인 7 전까지 추출하므로 숫자 6을 추출
  9. arr9 : index번호 2번부터 끝까지 추출
profile
간절하고 치열하게 살자

0개의 댓글