728x90
반응형
![](https://blog.kakaocdn.net/dn/mVn9O/btrNb4VD5X3/LaBU6HEEuEP6xpOWXP2t81/img.jpg)
unshift(), shift()
1. unshift() / shift()
unshift()메서드는 배열 처음 요소에 추가하여 숫자로 반환하고, shift() 메서드는 배열 처음 요소 삭제해 삭제한 요소를 반환합니다.
번호 | 기본값 | 메서드 | 리턴값 | 결과값 |
---|---|---|---|---|
js
// 01.unshift()
const arrNum1 = [100, 200, 300, 400, 500];
const arrNumUnshift = arrNum1.unshift(600);
document.querySelector(".sample04_N1").innerHTML = "1";
document.querySelector(".sample04_Q1").innerHTML = "[100, 200, 300, 400, 500]";
document.querySelector(".sample04_M1").innerHTML = "unshift(600)";
document.querySelector(".sample04_P1").innerHTML = arrNumUnshift; //6
document.querySelector(".sample04_A1").innerHTML = arrNum1; //600, 100, 200, 300, 400, 500
//02. shift()
const arrNum2 = [100, 200, 300, 400, 500];
const arrNumshift = arrNum2.shift();
document.querySelector(".sample04_N2").innerHTML = "2";
document.querySelector(".sample04_Q2").innerHTML = "[100, 200, 300, 400, 500]";
document.querySelector(".sample04_M2").innerHTML = "shift()";
document.querySelector(".sample04_P2").innerHTML = arrNumshift; // 100
document.querySelector(".sample04_A2").innerHTML = arrNum2; // 200, 300, 400, 500
728x90
반응형
'javascript' 카테고리의 다른 글
JavaScript concat() (2) | 2022.09.27 |
---|---|
JavaScript reverse(), sort() (2) | 2022.09.27 |
JavaScript 비구조화할당 / 객체구조분해할당 (1) | 2022.09.20 |
JavaScript 펼침연산자 (1) | 2022.09.20 |
JavaScript 내부함수 (1) | 2022.09.20 |