javascript 조건문
Front-End/javascript 2019. 5. 24. 22:09-조건문-
주어진 조건에 따라서 애플리케이션을 다르게 동작하도록 하는 것이다.
-조건문의 문법-
조건문은 if로 시작한다.
if 뒤의 괄호에 조건이 오고, 조건이 될 수 있는 값은 Boolean 이다.
Boolean의 값이 true라면 조건이 담겨진 괄호 다음의 중괄호 구문이 실행된다.
-예제-
1
2
3
|
if(true){
alert('result:true'); //true 이므로 실행
}
|
cs |
1
2
3
|
if(false){
alert('result:true'); //false 이므로 실행이 되지 않음
}
|
cs |
-else-
if 만으로는 좀 더 복잡한 상황을 처리하는데 부족하기 때문에 if가 거짓일 때 실행되는 구문
-예제-
1
2
3
4
5
|
if(false){
alert('result:true');
}else{
alert(2); //false 이므로 이 구문이 실행됨
}
|
cs |
-else if-
else 만으로는 좀 더 복잡한 상황을 처리하는데 부족하기 때문에 if가 거짓일 때, else로 다시 참,거짓을 판별하는 구문
-예제-
1
2
3
4
5
|
if(false){
alert('result:true');
}else if(true){
alert(2); //if가 false이고, else if가 true이기 때문에 2가 출력됨
}
|
cs |
-prompt-
경고창 대신 프롬프트 창이 출력되고 어떠한 값을 넣을 수 있게 하는 구문
-예제-
1
|
prompt('당신의 나이는?');
|
cs |
-예제 및 출력결과-
1
2
3
4
5
6
7
8
9
10
11
|
var id = prompt('아이디를 입력해 주세요.');
if(id=='egoing'){
var password = prompt('비밀번호를 입력해주세요');
if(password == '111111'){
alert('로그인 하셨습니다.');
}else {
alert('비밀번호가 다릅니다.');
}
}else{
alert('아이디가 일치하지 않습니다.');
}
|
cs |
-논리연산자-
AND (&&) 좌항과 우항이 모두 참(true) 일때 참이된다. |
OR ( || ) 좌우항 중에 하나라도 참(true) 라면 참이 되는 논리 연산자다. |
-NOT 연산자-
! 부정의 의미로, Boolean의 값을 역전 시킨다. true를 false로 false를 true로 만든다. |
조건문에 사용될 수 있는 데이터 형이 꼭 Boolean만 되는 것은 아니다.
관습적인 이유로 0은 false, 0이 아닌 값은 true로 간주된다.
아래의 예제는 2를 출력한다.
-예제-
1
2
3
4
5
6
|
if(0){
alert(1)
}
if(1){
alert(2)
}
|
cs |
아래 책은 제가 공부할때 활용했던 책으로 추천드리는 책이니 한번씩 읽어보시는것을 추천드립니다!! ㅎㅎ
이 포스팅은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다.
'Front-End > javascript' 카테고리의 다른 글
JavaScript - 함수 (0) | 2019.06.01 |
---|---|
javaScript 반복문 (0) | 2019.05.25 |
javascript 연산자, 비교문 (0) | 2019.05.23 |
javascript 주석, 줄바꿈, 여백 (0) | 2019.05.23 |
JavaScript 변수 (0) | 2019.05.23 |