-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy path06_loop.html
105 lines (99 loc) · 2.62 KB
/
06_loop.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
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Loop</title>
</head>
<body>
<h1>Loop</h1>
<script>
var i = 0;
document.write(i + '<br>');
//i = i + 2;
i += 2;
document.write(i + '<br>');
i += 2;
document.write(i + '<br>');
i += 2;
document.write(i + '<br>');
i += 2;
document.write(i + '<br>');
i += 2;
document.write(i + '<br>');
</script>
<hr>
<h2>for 반복문</h2>
<pre>
for(초기문;조건문;증감){
반복할 코드
}
</pre>
<script>
for (var i = 0; i <= 10; i += 2) {
document.write(i + '<br>');
}
</script>
<h2>while 반복문</h2>
<pre>
초기문;
while(조건문){
//반복
증감
}
</pre>
<script>
var i = 0;
while (i <= 10) {
document.write(i + '<br>');
i += 2;
}
</script>
<h2>do while 반복문</h2>
<pre>
초기문;
do{
//반복
//증감
}while(조건);
</pre>
<script>
var i = 0;
do {
document.write(i + '<br>');
i += 2;
} while (i <= 10);
</script>
<h2>forEach 반복문</h2>
<script>
var arr = ['a', 'b', 'c', 'd', 'e'];
arr.forEach(function (item, index, all) {
document.write(item + '는 전체 배열' + all + '에서' + index + '번째이다' + '<br>');
});
/* a는 전체 배열 a,b,c,d,e에서 0번째이다.*/
</script>
<h2>for in 반복문</h2>
<pre>
in 뒤에 객체명을 입력하고 객체 안의 각각의 속성(property)을 item 으로 지정하여
출력하고 객체에서 각 속성의 값은 객체명[속성명]의 문법으로 출력
</pre>
<script>
var student = {
kor: 100,
eng: 90,
math: 80
}
for (item in student) {
document.write(item + ':' + student[item] + '/');
}//kor: 100/eng:90/math:80
</script>
<h2>for of 반복문</h2>
<pre>IE에서는 작동하지 않는 구문. 배열의 값을 letter(item) 변수로 할당받아 해당 값을 출력함</pre>
<script>
var arr = ['a', 'b', 'c', 'd', 'e'];
for (letter of arr) {
document.write(letter + '/');
}
</script>
</body>
</html>