1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 | var objArray= new Array(); function insert() { var data = document.getElementById("inputBox"); objArray.push(data.value); ArrayData.innerHTML = objArray; inputBox.value = ""; } function ArrayShift() { objArray.shift(); ArrayData.innerHTML = objArray; } function ArrayPop() { objArray.pop(); ArrayData.innerHTML = objArray; } function ArrayReverse() { objArray.reverse(); ArrayData.innerHTML = objArray; } function ArraySort() { objArray.sort(); ArrayData.innerHTML = objArray; } | cs |
코드 설명
1 행에서 배열 객체 하나를 생성해 줍니다.
insert() 함수 : html 페이지에서 타입이 텍스트박스이고 아이디가 inputBox 인 값을 가져와서 변수인 data에 저장합니다.
data 에 저장되어 있는 값을 배열에 데이터를 추가합니다. 추가한 데이터를 <span id="ArrayData">로 출력하고, 텍스트박스를 초기화 합니다.
ArrayShif() 함수 : 자바스크립트의 내장 함수인 shift 를 이용해서 데이터를 꺼낸다. (shift는 배열의 앞부분부터 삭제한다.)
ArrayPop() 함수 : shift 와 똑같은 기능을 하지만 데이터를 맨 뒤에서부터 삭제시킨다.
ArrayReverse() 함수 : 현재 배열에 들어가있는 값을 뒤집고 출력한다.
ArraySoft() 함수 : 현재 배열에 있는 값을 정렬하고 출력한다.
함수는 맨 앞의 첫글자는 대문자가 아닌 소문자로 쓰는게 맞습니다.
ex ) arrayPop
<HTML 소스코드>
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 | <html> <head> <title>배열</title> <script src="ArrayJs.js"></script> </head> <body> <input type="text" id="inputBox" size="30"> <input type="submit" value="배열에 추가하기" onclick="insert()"><br> 현재 배열의 값:<span id="ArrayData"></span><br> <input type="submit" value="쉬프트로 꺼내기" onclick="ArrayShift()"> <input type="submit" value="팝으로 꺼내기" onclick="ArrayPop()"><br> <input type="submit" value="리버스로 뒤집기" onclick="ArrayReverse()"> <input type="submit" value="소트로 정렬하기" onclick="ArraySort()"><br> </body> </html> | cs |
4 행에서 자바스크립트 파일을 불러와서 실행하는 것에 대해서 유의해야합니다. ( 같은 폴더내에 위치해야 함 )
본 게시물은 본인이 공부했던 부분을 올리는 거라서 설명이 미흡하거나 부족할 수 있습니다.
궁금하신 부분은 코멘트 달아주시면 답변해드릴게요
'기타 > 기타 잡다한 것들' 카테고리의 다른 글
| Configuration 'compile' is obsolete and has been replaced with 'implementation' and 'api'. 에러 해결 (0) | 2018.09.14 |
|---|---|
| 윈도우에 텐서플로우 설치하기(CPU) (0) | 2018.09.13 |
| 에러코드 정리 (1) | 2018.09.12 |
| 버튼 클릭하면 다른 엑티비티로 이동 (0) | 2018.08.23 |
| web.xml에서 에러페이지 매핑 (0) | 2018.08.23 |