배열 요소 일부 추출하기

자바스크립트를 사용하여 배열에서 특정 요소를 추출하는 방법을 알아보겠습니다.

1. slice를 사용하여 일부 요소 추출하기

slice 메소드를 사용하면 배열의 일부 요소를 추출할 수 있습니다. slice 메소드는 추출할 요소의 시작 인덱스와 끝 인덱스를 인자로 받습니다.

const array = [1, 2, 3, 4, 5];
const subArray = array.slice(1, 4);
console.log(subArray); // [2, 3, 4]

위의 예제에서는 array 배열에서 1부터 4까지의 요소를 추출하여 subArray 변수에 저장하고 출력했습니다.

2. splice를 사용하여 일부 요소 추출하기

splice 메소드를 사용하면 배열에서 요소를 추출하고 배열을 수정할 수 있습니다. splice 메소드는 추출할 요소의 시작 인덱스와 추출할 개수를 인자로 받습니다.

const array = [1, 2, 3, 4, 5];
const subArray = array.splice(1, 3);
console.log(subArray); // [2, 3, 4]
console.log(array); // [1, 5]

위의 예제에서는 array 배열에서 1부터 3개의 요소를 추출하여 subArray 변수에 저장하고 출력했습니다. 동시에 array 배열에서는 추출한 요소가 제거되어 [1, 5]가 남게 됩니다.

3. slice와 splice의 차이점

slice 메소드는 배열에서 일부 요소를 추출하지만, 원본 배열은 변경되지 않습니다. 반면, splice 메소드는 배열에서 요소를 추출한 뒤 해당 요소를 제거하므로 원본 배열이 수정됩니다.

결론

이상으로 자바스크립트에서 배열의 일부 요소를 추출하는 방법에 대해 알아보았습니다. slicesplice 메소드를 활용하여 원하는 부분을 쉽게 추출할 수 있습니다.