[JavaScript-33] shift, pop, unshift, push - 배열의 맨 앞, 맨 뒤 다루기

배열의 맨 앞과 맨 뒤에 요소를 추가하거나 삭제하고 싶은 상황에서는, 

splice메소드보다 더 유용한 방법들이 있습니다. 

바로, 제가 제목에도 적어드린 메소드들인데요.

 

사용법을 코드를 통해 보여드릴게요.

코드로 보시죠.

let arr = [1, 2, 3, 4, 5];

//맨 앞 요소 지우고 나머지 앞으로 땡겨줌
arr.shift();
console.log(arr); //[2, 3, 4, 5]

//맨 뒤 요소 지우기
arr.pop();
console.log(arr); //[2, 3, 4]

//맨 앞에 요소 추가
arr.unshift(0);
console.log(arr); //[0, 2, 3, 4]

//맨 뒤에 요소 추가
arr.push(5);
console.log(arr); //[0, 2, 3, 4	, 5]

이해가 잘 되실거라 생각합니다!

한 가지 눈여겨 볼만한 점은, 빈 공간이 생기면 알아서 앞으로 땡겨준다는 점이죠!

 

또, 삭제하는 메소드들은 당연히 파라미터에 값을 넘겨줄 필요가 없습니다.

하지만, 배열에 값을 추가하는 메소드들의 경우, 어떤 값을 추가할지를 알아야 하기에,

삭제와 달리 파라미터로 추가할 값을 넘겨주어야 합니다.