HTML, CSS, Javascript

[Javascript] Array 객체의 메서드(2) - slice()

웅지니어링 2021. 8. 7. 16:52

* 기존 배열을 바꾸지 않으면서 요소를 꺼내는 slice() 메서드

- 인수가 1개인 경우

var colors = ["red", "green", "blue", "white", "black"];

var colors2 = colors.slice(2); // 인덱스 값이 2인 요소부터 마지막 요소까지 꺼내기
document.write(colors2); // slice()는 splice와는 달리 배열을 바꾸지 않기 때문에 기존 배열은 유지된다.

결과값은 다음과 같다.

 

blue, white, black

 

- 인수가 2개인 경우

var colors = ["red", "green", "blue", "white", "black"];

var colors3 = colors.slice(2, 4); // 인덱스 값이 2부터 3인 요소까지 꺼내기
document.write(colors3);

결과값은 다음과 같다.

 

blue, white

 

slice()와 splice()를 정리해보면,

기존 배열에서 꺼낸 요소로 새로운 배열을 만들어 사용하려면 slice() 메서드를,

기존 배열의 일부 요소만 삭제하려면 splice() 메서드를 선택하는 것이 좋다.