6.4.2 pop(), shift() 메서드를 이용한 데이터 삭제

6.4.2 pop(), shift() 메서드를 이용한 데이터 삭제

배열에서 데이터를 삭제하려면 보통 pop(), shift() 메서드를 이용하며 그 사용 형식은 다음과 같습니다.

array.pop()

array.shift()

첫 번째 pop() 메서드는 배열의 마지막 요소를 제거하는데 사용하는 메서드로 삭제되는 요소를 반환합니다. 다음으로 shift() 메서드는 배열의 첫 번째 요소를 제거하는데 사용하는 메서드로 삭제되는 요소를 반환합니다. 메모장으로 “unshiftEx.html”을 열고 <script> … </script> 블록 내 코드를 다음과 같이 변경합니다.

  <script type="text/javascript">  

    var shoppingItems = ["페레가모 안경", "노트북", "DSLR"];
    var books = new Array("부의 미래", "Drive", "영원한 제국");

    document.write(shoppingItems.pop()+"<br />");
    document.write(shoppingItems+"<br />");
    document.write("<hr>");
    document.write(books.shift()+"<br />");
    document.write(books+"<br />");
  </script>

참고로 위에서 보는 것처럼 배열 변수 자체를 write() 메서드에 명시해주면 해당 배열 변수의 모든 요소값을 출력할 수 있습니다.
이제 다른 이름으로 저장을 선택하여 “popshiftEx.html”로 저장하고 IE9를 통해 확인하면 다음과 같이 나타나게 됩니다.

결과에서 보는 것처럼 shoppingItems.pop()에 의해서 삭제되는 shoppingItems 배열 변수의 마지막 요소인 “DSLR”이 출력되고 books.shift()에 의해 삭제되는 books 배열 변수에 저장된 첫 번째 요소인 “부의 미래”가 삭제되고 출력되어 나타나게 됩니다.

- 본 저작물은 본인이 2011년 상반기부터 2012년 여름 즈음까지 도서 출판을 목적으로 약 470 페이지(A4, 폰트 10)으로 작성한 원본 중 JavaScript에 대한 부분을 그대로를 공개하는 것으로 본 저작물에 대한 모든 권리는 본인(원철연)에서 있음을 알립니다.
개인적인 학습 목적으로 사용을 허용하며 온오프라인의 베포나 펌, 상업적인 용도의 사용은 삼가해주시기 바랍니다. 끝으로 학교나 비영리 단체에서의 경우 본 저작물을 비상업적인 용도로 활용하고자 할 경우 연락처를 비밀댓글로 남겨주시면 연락드리겠습니다.