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() 메서드를 선택하는 것이 좋다.