[JavaScript] 자바스크립트로 배열의 Push,Pop,Sort, Reverse구현하기

이번에는 자바스크립트를 활용해서 배열의 Push Pop Sort Reverse까지 구현해보도록 하겠습니다. 

 

자바스크립트로 배열의 Push, Pop, Sort 구현하기

<script language="javascript">
   var objArray = new Array();
    
   function printArray() {
    var objResult = document.getElementById("result");
    var objItem = document.getElementById("item");
    objResult.innerText = objArray.join(",");
     
    objItem.value = "";
    objItem.focus();
   }
    
   function doPush() {
    var objItem = document.getElementById("item");
    objArray.push(objItem.value);
     
    printArray();
   }
    
   function doShift() {
    var objValue = objArray.shift();
    printArray();
    alert("꺼내온 값은 " + objValue + "입니다.");
   }
    
   function doPop() {
    var objValue = objArray.pop();
    printArray();
    alert("꺼내온 값은 " + objValue + "입니다.");
   }
    
   function doReverse() {
    objArray = objArray.reverse();
    printArray();
   }
    
   function doSort() {
    objArray = objArray.sort();
    printArray();
   }
  </script>
 
<body>
    <input type="text" id="item">
    <input type="button" value="배열에 추가하기" onclick="doPush()">
    <br> 현재 배열의 값:
    <span id="result"></span>
    <br>
    <br>
    <input type="button" value="Shift로 꺼내기" onclick="doShift()">
    <input type="button" value="Pop으로 꺼내기" onclick="doPop()">
    <br>
    <input type="button" value="Reverse로 뒤집기" onclick="doReverse()">
    <input type="button" value="Sort로 정렬하기" onclick="doSort()">
</body>

 

실행화면

Push,Pop,Sort구현

배열에 값을 추가하고 여러 가지 기능을 사용해보시길 바랍니다.

 

 

댓글

Designed by JB FACTORY