📚 Reference

• 공식 문서 1
• 참고 자료 1
• 참고 자료 2

📜 Chapter

splice()

slice()

• slice()

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

배열변수명.slice('추출할 시작 인덱스', '추출을 종료할 인덱스');

• 요소를 인덱스 기준으로 잘라낸다.
• 추출을 종료할 인덱스를 제외하고 잘라진다.
• 어떤 배열의 begin부터 end까지(end 미 포함)에 대한 얕은 복사본을 새로운 배열 객체로 반환한다.
• 원본 배열은 바뀌지 않는다.
• Parameter
  • begin (optional)
    • 0을 시작으로 하는 추출 시작점에 대한 인덱스를 의미한다.
    • 음수 인덱스는 배열의 끝에서부터의 길이를 나타낸다.
    • slice(-2) 는 배열에서 마지막 두 개의 엘리먼트를 추출한다.
    • begin이 undefined인 경우에는, 0번 인덱스부터 slice 한다.
    • begin이 배열의 길이보다 큰 경우에는, 빈 배열을 반환한다.
  • end (optional)
    • 추출을 종료 할 0 기준 인덱스이다.
    • slice 는 end 인덱스를 제외하고 추출한다.
    • 예를 들어, slice(1,4)는 두번째 요소부터 네번째 요소까지 (1, 2 및 3을 인덱스로 하는 요소) 추출한다.
    • 음수 인덱스는 배열의 끝에서부터의 길이를 나타낸다.
    • 예를들어 slice(2,-1) 는 세번째부터 끝에서 두번째 요소까지 추출한다.
    • end가 생략되면 slice()는 배열의 끝까지(arr.length) 추출한다.
    • 만약 end 값이 배열의 길이보다 크다면, silce()는 배열의 끝까지(arr.length) 추출한다.
• Return
  • 추출한 요소를 포함한 새로운 배열

arr.slice()

• 배열 안에 기본형 데이터만 있으면 깊은 복사가 되지만 배열이 들어있거나 object가 들어있으면 얕은 복사가 된다.

예시

const animals = ['ant', 'bison', 'camel', 'duck', 'elephant'];

console.log(animals.slice(2));
// ["camel", "duck", "elephant"]

console.log(animals.slice(2, 4));
// ["camel", "duck"]

console.log(animals.slice(1, 5));
// ["bison", "camel", "duck", "elephant"]

console.log(animals.slice(-2));
// ["duck", "elephant"]

console.log(animals.slice(2, -1));
// ["camel", "duck"]

console.log(animals.slice());
// ["ant", "bison", "camel", "duck", "elephant"]