티스토리 뷰

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>
 
저작자표시 비영리 변경금지

'LANGUAGE > JAVA SCRIPT' 카테고리의 다른 글

[JAVA SCRIPT] 만년 달력  (0) 2018.04.05
[JAVA SCRIPT] 계산기  (0) 2018.04.05
[JAVA SCRIPT] ALERT( )  (0) 2018.04.05
[JAVA SCRIPT] 배경 색깔 바꾸기  (0) 2018.04.05
[JAVA SCRIPT] String 내장객체  (0) 2018.04.04
댓글