기타/기타 잡다한 것들

JavaScript 배열

제주도소년 2019. 10. 31. 10:27

array.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

 

Array.JS

 

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
 
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

'기타 > 기타 잡다한 것들' 카테고리의 다른 글

자바스크립트 기초  (0) 2020.02.19
절대경로와 상대경로  (0) 2020.02.18
setInterval 예제  (0) 2019.10.31
ReactClass  (0) 2019.06.24
React.createElement 메서드  (0) 2019.06.24