j31. 자바스크립트 if 문

자바스크립트 if 문

조건 문 (Conditional statements) 은 여러가지 조건에 따라, 각각 다른 실행을 할 때 사용됩니다.

코딩을 하다보면 매우 흔하게 조건에 따라 다르게 실행되도록 하고 싶을 때가 많습니다.

이때 조건 문을 사용하면 됩니다. 자바스크립트 에는 몇 가지 조건 문이 있습니다.

	if 문은 주어진 조건이 true 일 때, 실행될 코드 블록을 지정해 줍니다.
	else 문에는 같은 조건이 이번엔 false 일 때, 실행될 코드 블록을 지정해 줍니다.
	else if 문에는 맨 처음 조건이 false 일 때, 새로운 조건을 지정해 줍니다.
	switch 문은 조건에 따라 여러개의 각기 다른 실행 블록을 지정해 줍니다.

---

if 문은 조건이 참일 때 실행될 코드를 지정해 주는데, 아래와 같은 구문을 같습니다.

if (조건) {
    조건이 참일 때 실행될 코드;
}

if 라는 글자는 소문자 여야 합니다. 그렇지 않고 IF 나 If 처럼 대문자를 넣으면 자바스크립트에서는 에러가 납니다.

---

좋은 하루 되세요!

현재 시간이 0시부터 오전 6시 이전이라면 "6시 전에 일어 나셨군요?" 라는 메시지가 보이고, 그 외의 시간에는 "좋은 하루 되세요!" 라고 표시되도록 if 문을 사용하였습니다.

<p id="myIf">좋은 하루 되세요!</p>

<script>
var day = new Date().getHours();
if (day < 6) {
document.getElementById("myIf").innerHTML = "6시 전에 일어 나셨군요?";
}
</script>

---

else 문 내의 코드 들은, if 문의 조건이 거짓일 때에 실행됩니다.

if (조건) {
    조건이 true 일 경우 실행될 코드들;
} else { 
    조건이 false 일 경우 실행될 코드들;
}

---

<p id="myIfElse"></p>

<script>
var day = new Date().getHours();
if (day < 6) {
document.getElementById("myIfElse").innerHTML = "6시 전에 일어 나셨군요?";
}
else {
document.getElementById("myIfElse").innerHTML = "좋은 하루 되세요!";
}
</script>

---

else if 문은 첫번째 조건이 false 일 경우 새로운 조건을 설정합니다.

if (조건1) {
    조건1 이 true 일 경우 실행될 코드들;
} else if (조건2) {
    조건1이 false 이고, 조건2가 true 일 경우 실행될 코드들;
} else {
    조건1 과 조건2가 모두 false 일 경우 실행될 코드들;
}

---

<p id="myElseIF"></p>

<script>
var day = new Date().getHours();
if (day < 6) {
document.getElementById("myElseIF").innerHTML = "6시 전에 일어 나셨군요?";
}
else if (day > 22) {
document.getElementById("myElseIF").innerHTML = "9시 뉴스 끝났네요? 이제 좋은 꿈 꾸시고 달나라로 @#$";
}
else {
document.getElementById("myElseIF").innerHTML = "오늘 하루 좋은 꿈 꾸세요.";
}
</script>

---

[광고] Udemy 동영상 강의로 보기