호출되는 JavaScript 배열 팝 메서드는 배열의 데이터를 조작하는 데 사용할 수 있는 여러 배열 메서드 중 하나입니다. 웹 개발자는 단축된 배열이나 팝된 요소로 작업을 수행해야 할 때 이를 사용합니다. 사용법을 알아봅시다:
구문
이 방법의 구문은 매우 간단합니다. 정의에 따라 pop 메서드는 배열의 마지막 요소를 제거한 다음 반환합니다.
let frozen = [ "Anna", "Elsa", "Olaf", "Kristoff", "Sven" ]; let popped = frozen.pop();
이 코드를 웹 브라우저 콘솔에 입력하는 경우(*방법을 모르는 경우 아래 참고 사항 참조) 및 console.log (동결) 및 console.log (팝업), 어떻게 될까요?
Frozen은 요소가 하나 적은 배열로 되돌아오고 배열에서 제거된 요소가 팝업됩니다.
* 참고 사항:Chrome/Firefox/Safari에서 JavaScript 콘솔에 액세스하는 방법:
크롬/파이어폭스: Chrome에서 이 페이지를 마우스 오른쪽 버튼으로 클릭하고 '검사'를 선택합니다. Chrome 개발자 도구 팝업이 열립니다. 상단에는 탐색 가능한 탭 세트가 있어야 합니다. Firefox도 비슷하지만 '요소 검사'를 선택합니다. 콘솔을 클릭하면 작업 공간이 나타납니다.
사파리: Safari를 사용하는 경우 '개발자' 메뉴를 활성화해야 합니다. 이렇게 하려면 Safari를 엽니다. 브라우저에서 Safari를 클릭합니다. 그런 다음 '환경 설정'으로 이동하십시오. '고급'을 클릭합니다. '메뉴 표시줄에 개발 메뉴 표시' 확인란을 선택합니다. '기본 설정'을 닫고 메뉴 모음에서 '개발'을 클릭합니다. '자바스크립트 콘솔 표시'를 선택합니다.
이제 위의 예에 있는 정보를 입력할 수 있어야 합니다(또는 고유한 예를 생각해 보세요!). 고정된 변수와 팝된 변수가 모두 생성되면 console.log에서 코드가 요소에 미치는 영향을 확인합니다.
pop 메소드는 배열의 길이를 변경합니다. 배열의 길이가 존재하는 한 사용할 수 있습니다. 빈 배열이 있을 때 메서드는 여전히 수행될 수 있지만(오류 또는 아무것도 던지지 않기 때문에), 튀어나온 요소는 '정의되지 않음'을 반환합니다.
참가자의 81%는 부트캠프에 참석한 후 기술 직업 전망에 대해 더 자신감을 느꼈다고 말했습니다. 지금 부트캠프에 참여하십시오.
부트캠프 졸업생은 부트캠프 시작부터 첫 직장을 찾는 데까지 6개월도 채 걸리지 않았습니다.
결론
팝 배열 방법은 배열에서 마지막 항목을 제거한 다음 이를 사용하여 작업을 수행해야 하는 논리에서 사용할 수 있는 기회를 제공합니다. 이것은 배열의 끝에 무언가를 추가하는 push 방법의 반대이고 배열의 앞쪽에서 요소를 제거하고 해당 요소를 반환하는 shift 방법과 비슷합니다.