수정하기 - 자바스크립트에서 Array.prototype.slice()의 사용법은 무엇인가요?

닉네임

비밀번호

제목

내용 [이미지 업로드는 권한이 있는 사람만 가능. 하단 카톡으로 연락]

`Array.prototype.slice()` 메서드는 <a href='https://sangseek.com/sangseeks/자바/ko'>자바</a>스크립트에서 배열의 일부를 선택하여 새로운 배열을 생성하는 데 사용됩니다. 이 메서드는 원본 배열을 변경하지 않으며, 선택된 요소의 복사본을 포함하는 새로운 배열을 반환합니다. `slice()` 메서드는 다양한 상황에서 유용하게 사용될 수 있으며, 그 사용법을 자세히 살펴보겠습니다.           <a href='https://sangseek.com/sangseeks/기본 문법/ko'>기본 문법</a>    ```javascript  array.slice(start, end);  ```    -   start  : 선택할 요소의 시작 인덱스입니다. 이 인덱스는 포함됩니다. 기본값은 0입니다.  -   end  : 선택할 요소의 끝 인덱스입니다. 이 인덱스는 포함되지 않습니다. 기본값은 배열의 길이입니다.           사용 예제    1.   기본 사용법      ```javascript  const fruits = ['apple', 'banana', 'cherry', 'date'];  const citrus = fruits.slice(1, 3);  console.log(citrus); // ['banana', 'cherry']  ```    위의 예제에서 `slice(1, 3)`는 인덱스 1부터 2까지의 요소를 선택하여 새로운 배열을 생성합니다. 인덱스 3의 요소는 포함되지 않습니다.    2.   음수 인덱스 사용      `slice()` 메서드는 음수 인덱스를 지원합니다. 음수 인덱스는 배열의 끝에서부터 요소를 선택합니다.    ```javascript  const numbers = [1, 2, 3, 4, 5];  const lastTwo = numbers.slice(-2);  console.log(lastTwo); // [4, 5]  ```    위의 예제에서 `slice(-2)`는 배열의 마지막 두 요소를 선택합니다.    3.   원본 배열에 영향 없음      `slice()` 메서드는 원본 배열을 변경하지 않습니다.    ```javascript  const original = [1, 2, 3, 4, 5];  const copy = original.slice(0);  console.log(copy); // [1, 2, 3, 4, 5]  console.log(original); // [1, 2, 3, 4, 5]  ```    위의 예제에서 `copy`는 `original` 배열의 복사본이지만, 원본 배열은 그대로 유지됩니다.    4.   전체 배열 복사      `slice()` 메서드에 인자를 주지 않으면 전체 배열을 복사합니다.    ```javascript  const arr = [1, 2, 3];  const arrCopy = arr.slice();  console.log(arrCopy); // [1, 2, 3]  ```    5.   다차원 배열에서의 사용      `slice()` 메서드는 다차원 배열에서도 사용할 수 있습니다. <a href='https://sangseek.com/sangseeks/하지만 주의/ko'>하지만 주의</a>해야 할 점은 `slice()`가 얕은 복사를 수행한다는 것입니다. 즉, 배열의 요소가 객체일 경우, 객체의 참조가 복사됩니다.    ```javascript  const arr2D = [[1, 2], [3, 4]];  const sh<a href='https://sangseek.com/sangseeks/allow/ko'>allow</a>Copy = arr2D.slice();  shallowCopy[0][0] = 99;    console.log(arr2D); // [[99, 2], [3, 4]]  console.log(shallowCopy); // [[99, 2], [3, 4]]  ```    위의 예제에서 `shallowCopy`의 첫 번째 요소를 변경하면 `arr2D`도 영향을 받습니다.           결론    `Array.prototype.slice()` 메서드는 배열의 일부를 선택하여 새로운 배열을 생성하는 데 매우 유용한 도구입니다. 인덱스를 사용하여 원하는 요소를 선택할 수 있으며, 원본 배열을 변경하지 않고 새로운 배열을 반환하는 특성을 가지고 있습니다. 음수 인덱스를 사용하여 배열의 끝에서부터 요소를 선택할 수 있는 기능도 제공하므로, 다양한 상황에서 활용할 수 있습니다. 이러한 특성 덕분에 `slice()`는 자바스크립트에서 배열을 다룰 때 자주 사용되는 메서드 중 하나입니다.