LANGUAGE/JAVA SCRIPT

[JAVA SCRIPT] 배열 관련 객체

진심스테이크 2018. 4. 5. 14:02

 

배열 관련 객체를 이용해보기

 

<!DOCTYPE html>
<html>
<head>
    <title>array</title>
    <script language="javascript">
        var objArray = new Array();

        function print(){
            var objResult = document.getElementById("result");
            var objItem = document.getElementById("input");
            objResult.innerText = objArray.join(",");

            objItem.value="";
            objItem.focus();
        }

        function push(){ //넣기
            var objItem = document.getElementById("input");
            objArray.push(objItem.value);

            print();
        }

        function shift(){ //제일 먼저 들어간거 꺼내기
            var objValue = objArray.shift();
            print();
            alert("꺼내온 값은 "+objValue+"입니다");
        }

        function pop(){ //제일 나중에 들어간거 꺼내기
            var objValue = objArray.pop();
            print();
            alert("꺼내온 값은 "+objValue+"입니다");
        }

        function reverse(){ //순서 뒤집기
            objArray = objArray.reverse();
            print();
        }

        function sort(){ //정렬
            objArray = objArray.sort();
            print();
        }
    </script>
</head>
<body>
    <input type="text" id="input">
    <input type="button" value="배열에 추가하기" onclick="push()"><br>
    현재 배열의 값 : <span id="result"></span>
    <br>
    <input type="button" value="Shift로 꺼내기" onclick="shift()">
    <input type="button" value="Pop으로 꺼내기" onclick="pop()">
    <br>
    <input type="button" value="Reverse로 뒤집기" onclick="reverse()">
    <input type="button" value="Sort로 정렬하기" onclick="sort()">
</body>
</html>
 
저작자표시 비영리 변경금지