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
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
|
---
title: if...else
slug: Web/JavaScript/Reference/Statements/if...else
tags:
- JavaScript
- Reference
- Statement
translation_of: Web/JavaScript/Reference/Statements/if...else
---
<div>{{jsSidebar("Statements")}}</div>
<p><strong><code>if</code> 문</strong>은 지정한 조건이 {{glossary("truthy", "참")}}인 경우 명령문(statement)을 실행합니다. 조건이 {{glossary("falsy", "거짓")}}인 경우 또 다른 명령문이 실행 될 수 있습니다.</p>
<div>{{EmbedInteractiveExample("pages/js/statement-ifelse.html")}}</div>
<h2 id="구문">구문</h2>
<pre class="syntaxbox">if (<em>condition</em>)
<em>statement</em><em>1</em>
[else
<em>statement2</em>]
</pre>
<dl>
<dt><code>condition</code></dt>
<dd>참 또는 거짓으로 평가되는 <a href="/ko/docs/Web/JavaScript/Guide/Expressions_and_Operators#표현식">표현식</a>입니다.</dd>
</dl>
<dl>
<dt><code>statement1</code></dt>
<dd>조건이 참으로 평가될 경우 실행되는 문입니다.<br>
중첩된 if구문을 포함하여 어떤 구문이든 쓸 수 있습니다. 다중구문을 사용할 경우 ({ ... })<a href="/en-US/docs/Web/JavaScript/Reference/Statements/block" title="en/JavaScript/Reference/Statements/block">블럭</a> 구문 으로 그룹화 하고 실행하지 않으려면 <a href="/en-US/docs/Web/JavaScript/Reference/Statements/Empty">빈</a> 구문을 사용합니다.</dd>
</dl>
<dl>
<dt><code><em>statement</em>2</code></dt>
<dd>이 구문은 조건이 거짓일경우 다른 조항이 있을 때 실행되는 구문입니다. 블록 문과 if문의 중첩을 호함한 모든문이 될 수 있습니다.</dd>
</dl>
<h2 id="설명">설명</h2>
<p>다중의 if...else 문은 else if 절을 만들기 위해 중첩될 수 있다.<br>
자바스크립트에서는 elseif (하나의 단어) 키워드가 존재하지 않는다.</p>
<pre class="eval">if (<em>조건1</em>)
<em>명령문1</em>
else if (<em>조건2</em>)
<em>명령문2</em>
else if (<em>조건3</em>)
<em>명령문3</em>
...
else
<em>명령문N</em>
</pre>
<p>아래 작업한 것을 보면, if문을 중첩 사용하면 들여쓰기된 것이 제대로 보여집니다.</p>
<pre class="eval">if (<em>조건1</em>)
<em>명령문1</em>
else
if (<em>조건2</em>)
<em>명령문2</em>
else
if (<em>조건3</em>)
...
</pre>
<p>하나의 절에서 여러개의 명령문들을 실행하려면, 그 명령문들을 그룹화하는 블록 명령문 ({ ... }) 블럭구문을 사용한다.<br>
일반적으로, 블럭구문을 항상 사용하는 것은 좋은 연습입니다. 특히 중첩된 if 문과 관련되어<br>
있는 코드안에서 사용하면 더욱 좋습니다.</p>
<pre class="eval">if (조건) {
<em>명령문들1</em>
} else {
<em>명령문들2</em>
}
</pre>
<p>원시 불리언 값인 true (참) 과 false (거짓) 을 불리언 객체의 truthiness (참으로 보이는 것) 과 falsiness (거짓으로 보이는 것)으로 혼동하면 안된다. false, undefined, null, 0, NaN, 또는 빈 스트링 ("") 이 아닌 모든 값, 그리고 false 값인 불리언 객체를 포함하는 모든 객체는 조건으로 사용될 때 <a href="https://developer.mozilla.org/ko/docs/Glossary/Truthy">truthy</a> 로 간주된다. 예:</p>
<pre class="brush: js">var b = new Boolean(false);
if (b) // 이 조건은 참으로 보이는 것 (truthy) 이다.
</pre>
<h2 id="예시">예시</h2>
<h3 id="if...else_사용하기"><code>if...else</code> 사용하기</h3>
<pre class="brush: js">if (cipher_char === from_char) {
result = result + to_char;
x++;
} else {
result = result + clear_char;
}
</pre>
<h3 id="else_if_사용하기"><code>else if</code> 사용하기</h3>
<p>자바스크립트에는 elseif 구문이 없다. 그러나, else if 를 사용할 수 있다.</p>
<pre class="brush: js">if (x > 5) {
} else if (x > 50) {
} else {
}</pre>
<h3 id="조건식의_값을_지정하기">조건식의 값을 지정하기</h3>
<p>조건식을 단순하게 지정하는 것은 좋지 않습니다.<br>
왜냐하면, 코드를 흘깃 보면 값을 지정한것을 평등한것으로 혼동할 수 있기 때문입니다. 예를들어, 다음코드를 사용하지 마세요:</p>
<pre class="brush: js example-bad">if (x = y) {
/* do the right thing */
}
</pre>
<p>당신이 조건식에 값의 지정을 해야할 경우, 일반적인 관행은 그 할당된 것 주위에 추가 괄호를 넣어야 합니다. 예를들면:</p>
<pre class="brush: js example-good">if ((x = y)) {
/* do the right thing */
}
</pre>
<h2 id="명세">명세</h2>
<table class="standard-table">
<tbody>
<tr>
<th scope="col">Specification</th>
<th scope="col">Status</th>
<th scope="col">Comment</th>
</tr>
<tr>
<td>{{SpecName('ESDraft', '#sec-if-statement', 'if statement')}}</td>
<td>{{Spec2('ESDraft')}}</td>
<td></td>
</tr>
<tr>
<td>{{SpecName('ES6', '#sec-if-statement', 'if statement')}}</td>
<td>{{Spec2('ES6')}}</td>
<td></td>
</tr>
<tr>
<td>{{SpecName('ES5.1', '#sec-12.5', 'if statement')}}</td>
<td>{{Spec2('ES5.1')}}</td>
<td></td>
</tr>
<tr>
<td>{{SpecName('ES3', '#sec-12.5', 'if statement')}}</td>
<td>{{Spec2('ES3')}}</td>
<td></td>
</tr>
<tr>
<td>{{SpecName('ES1', '#sec-12.5', 'if statement')}}</td>
<td>{{Spec2('ES1')}}</td>
<td>Initial definition</td>
</tr>
</tbody>
</table>
<h2 id="브라우저_호환성">브라우저 호환성</h2>
<p>{{Compat("javascript.statements.if_else")}}</p>
<h2 id="같이_보기">같이 보기</h2>
<ul>
<li>{{jsxref("Statements/block", "block")}}</li>
<li>{{jsxref("Statements/switch", "switch")}}</li>
<li><a href="/ko/docs/Web/JavaScript/Reference/Operators/Conditional_Operator">삼항 조건 연산자</a></li>
</ul>
|
