이번에는 자바스크립트를 활용해서 배열의 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>
실행화면
배열에 값을 추가하고 여러 가지 기능을 사용해보시길 바랍니다.
'Web > JavaScript' 카테고리의 다른 글
| [JavaScript] currentDate를 활용한 현재시간 불러오기 (0) | 2017.10.11 |
|---|---|
| [JavaScript] 마우스 우클릭 막기/ 내용 선택 막기 (0) | 2017.10.11 |
| [JavaScript] 공학용 계산기 만들기 (1) | 2017.10.10 |
| [JavaScript] alert창을 누르면 이전화면으로 되돌아가기 (0) | 2017.10.09 |