unshift( )/shift( ) 메서드

unshift( )/shift( ) 메서드

unshift( ) 메서드는 배열 처음에 요소 추가 후 배열 갯수 반환합니다.
shift( ) 배열 처음 요소를 삭제하고 삭제한 요소를 반환합니다.

---

unshift( ) 메서드

unshift( )메서드는 push( ) 메서드와 비슷한 효과입니다. push( ) 메서드는 배열의 뒤에 새로운 요소를 추가하고 반환하지만 unshift( ) 메서드는 배열의 첫 부분에 새로운 요소를 추가하고 반환합니다.

기본 문법
Array.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( )";
document.querySelector(".sample04_P1").innerHTML = arrNumUnshift; 
document.querySelector(".sample04_A1").innerHTML = arrNum1;    

결과보기

번호	기본값	메서드	리턴값	결과값

shift( ) 메서드

pop( ) 메서드가 배열의 마지막 요소를 제거하고 그 요소를 반환했다면 shift( ) 메서드는 첫번째 요소를 제거하고 반환합니다.

문법
Array.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; 
document.querySelector(".sample04_A2").innerHTML = arrNum2; 

결과보기

번호	기본값	메서드	리턴값	결과값