개발자의 길/Javascript

자바스크립트 배열(Array) 01

모쿠 2017. 4. 5. 14:27

<자바스크립트의 배열 사용>

- 자바스크립트에서 배열 선언/초기화 방법 1

  var 배열이름 = [원소1, 원소2, ...];

- 배열의 선언/초기화 방법 2

  var 배열이름 = new Array(원소1, 원소2, ...);


<for-in 구문>


- for-in 구문(자바의 enhanced-for 구문)

- for (String x : dramas) {} - 자바 문법

- 자바스크립트 for-in 구문에서는 x는 배열의 인덱스(배열의 원소가 아님!)


<14_array.html>


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
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>JavaScript</title>
</head>
<body>
 
<h1>JavaScript 배열(Array)</h1>
<div id="output"></div>
 
<script type="text/javascript">
var output = document.getElementById('output');
 
// 자바스크립트에서 배열 선언/초기화 방법 1:
// var 배열이름 = [원소1, 원소2, ...];
 
var dramas = ['도봉순', '도깨비', 'Game of Thornes'];
var i;
for (i = 0; i < dramas.length; i++){
    output.innerHTML += dramas[i] + '<br/>';
}
 
 
for(x in dramas){
    output.innerHTML += x + ' : ' + dramas[x] + '<br/>';
}
 
// 배열의 선언/초기화 방법 2:
// var 배열이름 = new Array(원소1, 원소2, ...);
var fanclub = new Array('도봉순', '공유');
for (x in fanclub){
    output.innerHTML += x + ' : ' + fanclub[x] + '<br/>';
}
 
</script>
</body>
</html>
cs



<출력화면>



저작자표시 비영리