자바 스크립트의 배열 메도르를 가지고 배열에 값을 넣고 빼고 정렬을 해보기
자바스크립트의 배열 메소드
|
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
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
|
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<title></title>
<script type="text/javascript">
var arr = new Array();
function show(){ //배열 보여주기
var view= document.getElementById('viewer');
view.innerHTML=arr;
}
function push(){ //push 배열 뒤로 집어넣기
var num = document.getElementById('num').value;
arr.push(num);
show();
}
function shift(){ //shift 배열의 앞에서 빼기
arr.shift();
show();
}
function pop(){ //pop 배열의 뒤에서 빼기
arr.pop();
show();
}
function reverse(){ //reverse 배열 뒤집기
arr.reverse();
show();
}
function sort(){ //배열 정렬
arr.sort();
show();
}
</script>
</head>
<body>
<input type="text" id="num" value="">
<input type="button" name="" style="width:150px;" value="배열에추가하기" onclick="push()">
<br>현재 배열의 값 :
<span id="viewer"></span>
<br><br>
<input type="button" name="" style="width:150px;" value="Shift로 꺼내기" onclick="shift()">
<input type="button" name="" style="width:150px;" value="Pop으로 꺼내기" onclick="pop()">
<br>
<input type="button" name="" style="width:150px;" value="Reverse로 뒤집기" onclick="reverse()">
<input type="button" name="" style="width:150px;" value="Sort로 정렬하기" onclick="sort()">
</body>
</html>
|
cs |
'html, javacript' 카테고리의 다른 글
| [HTML][Java Script] 회원가입 폼 - 유효성 검사 (0) | 2020.07.05 |
|---|---|
| [HTML] 회원가입 폼 만들기 (0) | 2020.07.04 |
| [HTML][Java Script] 현재시간 출력하기 (1) | 2020.07.04 |
| [HTML] CSS, 자바스크립트 외부에서 호출하기 (0) | 2020.07.04 |
| [HTML] 쿠키와 세션 (0) | 2020.07.04 |
댓글