.png)
[JavaScript] 조건문
블록문
- 블록문(Block statement/Compound statement)은 문들을 중괄호로 묶은 것이다.
- JavaScript는 블록문을 하나의 단위로 취급한다.
- 블록문은 단독으로 사용할 수도 있으나 일반적으로 제어문이나 함수 선언문 등에서 사용한다.
- 문의 끝에는 semicolon을 붙이는 것이 일반적이지만 블록문은 semicolon을 붙이지 않는다.
// 블록문
{
var foo = 10;
console.log(foo);
}if..else 문
- 조건문(Conditional statement)은 주어진 조건에 따라 애플리케이션을 다르게 동작하도록 하는 것이다. → 계산기와 컴퓨터의 가장 큰 차이점이다.
- 조건식의 평가 결과가 true일 경우, if 문 다음의 코드 블록이 실행된다. false일 경우, else 문 다음의 코드 블록이 실행된다.
if (조건식) {
// 조건식이 true이면 이 코드 블록이 실행된다.
} else {
// 조건식이 false이면 이 코드 블록이 실행된다.
}- else if 문을 사용하여 조건식을 추가할 수 있다.
if (조건식1) {
// 조건식1이 true이면 이 코드 블록이 실행된다.
} else if (조건식2) {
// 조건식2이 true이면 이 코드 블록이 실행된다.
} else {
// 조건식1과 조건식2가 모두 false이면 이 코드 블록이 실행된다.
}- else if 문과 else 문은 선택적으로 사용할 수 있다.
- if 문과 else 문은 한번만 사용할 수 있지만 else if 문은 여러 번 사용할 수 있다.
- 코드 블록 내의 문이 하나뿐이라면 중괄호를 생략할 수 있다.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
</head>
<body>
<script>
id = prompt('아이디를 입력해주세요.')
if(id=='egoing'){
alert('아이디가 일치 합니다.')
} else {
alert('아이디가 일치하지 않습니다.')
}
</script>
</body>
</html>1) prompt() 구문으로 사용자가 입력한 값을 가져와서 id 변수로 값을 대입한다.
2) 입력한 값이 egoing이면 '아이디가 일치 합니다'를 출력하고 그렇지 않으면 '아이디가 일치하지 않습니다'를 출력한다.
- 조건문은 조건문 안에 중첩해서 사용될 수 있다.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
</head>
<body>
<script>
id = prompt('아이디를 입력해주세요.');
if(id=='egoing'){
password = prompt('비밀번호를 입력해주세요.');
if(password==='111111'){
alert('인증 했습니다.');
} else {
alert('인증에 실패 했습니다.');
}
} else {
alert('인증에 실패 했습니다.');
}
</script>
</body>
</html>아이디의 값이 일치하는지 확인한 후에 일치한다면 비밀번호가 일치하는지 확인한 것이다.
false로 간주되는 데이터 형
if(!''){
alert('빈 문자열')
}
if(!undefined){
alert('undefined');
}
var a;
if(!a){
alert('값이 할당되지 않은 변수');
}
if(!null){
alert('null');
}
if(!NaN){
alert('NaN');
}P.S.
드디어 제어문을 배우기 시작했다!!🎉 예전에 접했던 내용도 새록새록 기억나고, 좀 더 프로그램 다운 코드를 짜기 시작하니까 재미도 생겼다. 빨리 기초를 떼어서 프로젝트를 만들어보고 싶은 생각이 들었다😀
