JavaScript - slice()로 배열 자르기, 나누기

slice(), 반복문 등을 이용하여, 특정 범위 배열을 잘라 새로운 배열로 만드는 방법을 소개합니다.

예를 들어, 아래와 같이 길이가 10인 배열에서 Index 0 ~ 4의 요소들만 잘라서 길이가 5인 새로운 배열을 만들 수 있습니다.

array : [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]
new array : [1, 2, 3, 4, 5]

1. slice()를 이용한 방법

Array.slice(start, end)는 Index start를 포함하고, end를 포함하지 않는 범위의 배열을 잘라서 새로운 배열로 리턴합니다.

아래 예제에서 arr.slice(0, 5)는 Index 0에서 4까지의 배열을 잘라서 리턴합니다.

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

let newArr = arr.slice(0, 5);
console.log(newArr);

Output:

[ 1, 2, 3, 4, 5 ]

만약 배열의 중간에 위치한 요소들을 자르고 싶을 때, slice(5, 9) 처럼 특정 Index를 입력하면 됩니다.

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

let newArr = arr.slice(5, 9);
console.log(newArr);

Output:

[ 6, 7, 8, 9 ]

2. for문을 이용한 방법

반복문을 이용하여 아래와 같이 배열을 자를 수 있습니다. 배열을 순회하면서 특정 범위의 요소들만 새로운 배열에 추가하는 방식입니다.

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

let newArr = [];
for (let i = 0; i < 5; i++) {
  newArr.push(arr[i]);
}
console.log(newArr);

Output:

[ 1, 2, 3, 4, 5 ]