JavaScript

#30 자바스크립트(JavaScript) - pop, shift

에이블디 2022. 6. 23. 14:31

안녕하세요 여러분! 에이블디입니다!

 

이번 시간에는 지난 시간에 이어 배열에서 사용할 수 있는 함수에 대해 조금 더 알아보도록 할게요!

코드를 작성하다 보면 배열에 담긴 데이터를 삭제해야 할 일이 생길 때도 있는데요, 이번 시간에는 배열에 담긴 데이터를 삭제할 수 있는 pop과 shift라는 함수에 대해 알아보려고 합니다!

 

배열에서 맨 뒤에 있는 데이터를 추출할 때는 pop함수를 사용하고요, 배열의 맨 앞에 있는 데이터를 추출할 때는 shift 함수를 사용합니다.

배열에서 데이터를 추출하면 해당 데이터가 배열에서 빠지면서 배열이 수정되기 때문에 배열에서 데이터를 삭제할 때는 추출 함수를 사용합니다.

 

그럼 간단하게 코드를 직접 짜 보면서 두 함수에 대해 이해해 보도록 할까요?

 

먼저 pop 함수를 먼저 사용해 보도록 하겠습니다!

지난 시간에서 사용했던 hyundai 배열을 사용하도록 할게요.

그리고 hyundai 배열에 pop을 사용해 보고 결괏값을 확인해 보도록 하겠습니다.

var hyundai = ["avante", "sonata", "grandeur"];
hyundai.pop()

코드를 실행해 보면,

 

 

pop으로 추출된 배열의 맨 끝에 있던 "grandeur" 데이터가 추출이 되고, 추출된 이후 "grandeur" 데이터가 삭제되고 "avante"와 "sonata" 데이터만 남은 hyundai 배열이 출력되는 것을 확인할 수 있습니다!

 

다음은 shift 함수를 사용해 볼게요!

hyundai 배열에 shift함수를 사용하여 코드를 실행해 보면,

var hyundai = ["avante", "sonata", "grandeur"];
hyundai.pop()
hyundai.shift()

 

hyundai 배열의 맨 앞의 값인 "avante" 데이터가 추출이 되고, 추출된 이후 "avante" 데이터가 삭제되고 "sonata" 데이터만 남은 hyundai 배열이 출력되는 것을 확인 할 수 있습니다!

 

이번 시간에는 pop과 shift 함수에 대해 알아보았습니다!

다음 시간에 배열에서 사용할 수 있는 함수에 대해 조금 더 알아보도록 할게요!