javascript 조건문

Front-End/javascript 2019. 5. 24. 22:09
728x90
반응형

-조건문-

 

주어진 조건에 따라서 애플리케이션을 다르게 동작하도록 하는 것이다.

 

 

 

-조건문의 문법-

 

조건문은 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

 

아래 책은 제가 공부할때 활용했던 책으로 추천드리는 책이니 한번씩 읽어보시는것을 추천드립니다!! ㅎㅎ

토비의 스프링 3.1 세트:스프링의 이해와 원리 + 스프링의 기술과, 에이콘출판

이 포스팅은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다.

728x90
반응형

'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
: