요소를 앞으로 튀어나게, 뒤로 넣을수 있게하는 javascript 배열 함수 shift, unshift

 

shift는 배열이라는 대상이 원소(값)을 옮기는 느낌이 드는 반면, unshift는 배열 요소들을 되돌리는 느낌이 드는 단어입니다.
간략하게  javascript 함수 사용법을 알아봅니다.

// 배열 데이터가 있다고 가정
var data = [1, 2, 3, 4]

 

Array.prototype.shift()

// 인자는 없습니다.
data.shift() 
// return: 1
// 원 data = [2, 3, 4]

// 인자를 넣어봐도 결과는 같습니다.
data.shfit(1)
// return: 2
// 원 data = [3, 4]

shift 함수는 맨 첫번째 요소를 반환(return)하고, 원 데이터에서 빠집니다.

 

Array..prototype.unshift(...arg)

// 인자는 무한('.shift(1, 2, 3, 4, ....)') 합니다.
data.unshift(5, 6) 
// return: 6
// 원 data = [1, 2, 3, 4, 5, 6]

반면에, unshift 함수는 원 데이터 마지막 요소 뒤에 '인자 갯수 만큼' 을 넣고, 배열 요소 개수를 반환합니다.

 

 

 

developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array/shift

Array.prototype.shift() - JavaScript | MDN

developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array/unshift

Array.prototype.unshift() - JavaScript | MDN