* 기존 배열을 바꾸지 않으면서 요소를 꺼내는 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() 메서드를 선택하는 것이 좋다.
'HTML, CSS, Javascript' 카테고리의 다른 글
[Javascript] 날짜 계산하는 프로그램 만들기 (0) | 2021.08.07 |
---|---|
[Javascript] Date 객체의 메서드 (0) | 2021.08.07 |
[Javascript] Array 객체의 메서드(1) - splice() (0) | 2021.08.07 |
[Javascript] 함수와 이벤트 (0) | 2021.08.05 |
[CSS] 반응형 웹과 미디어 쿼리 (0) | 2021.07.26 |