생활코딩 자바스크립트 기본 - 조건문이란?

본 게시글은 인프런 강의 "생활코딩 - 자바스크립트(JavaScript) 기본"를 보고 공부한 내용을 정리하고 있습니다.

https://www.inflearn.com/course/%EC%A7%80%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8-%EC%96%B8%EC%96%B4-%EA%B8%B0%EB%B3%B8/dashboard

[무료] 생활코딩 - 자바스크립트(JavaScript) 기본 - 인프런 | 강의

---

조건문

조건문이란 주어진 조건에 따라서 애플리케이션을 다르게 동작하도록 하는것이다.
컴퓨터가 계산기와 차이가 나는 부분이다.

 

if

<script type="text/javascript">
    if(true){
        alert('result : true');
    }
    if(false){
        alert('result : false');
    }
</script>

if(조건){실행할 구문}의 구조를 갖고, 조건이 true일 경우, 중괄호 안에 구문이 실행된다.

 

else if와 else

if(false){
    console.log("1");
}else{
    console.log("2");
}

if가 false일 경우 else가 실행 된다.

<결과>

 

if (false){
    console.log("가");
} else if (true){
    console.log("나");
}else{
    console.log("다");
}

if가 false인경우 else if가 실행되며 조건문은 true조건이 나오면 해당 조건문의 실행 코드를 실행 하며, 아래 코드들은 무시된다.

 

if (false){
    console.log("B");
}
else if (false){
    console.log("C");
}
else if (false){
    console.log("D");
}
else{
    console.log("E");
}

else if를 사용하면 다양한 케이스의 조건을 검사할 수 있는기회를 제공한다. 
else if의 특징은 if와 다르게 여러게 올수 있습니다.
else if의 모든 조건이 false이면 else가 실행된다. else는 생략 가능하다.

 

변수와 비교연산자

변수를 사용해서 조건문으 조금더 있어보이게 만들어봅시다😊

var a =1;
if(a==1){
    console.log("a는 1이다.");
}

<결과>

prompt와 조건문을 사용해 간단한 아이디 확인 코드를 만들겠습니다.

prompt는 사용자에게 값으 받을때 사용한다.

id = prompt('아이디를 입력하세요.');
if(id=='leewang'){
    alert('아이디가 일치합니다')
}else{
    alert('아이디가 다릅니다.')
}

아이디가 leewang일 경우, 아이디가 일치한다 알람이 뜹니다.

아이디가 다를 경우, 아이디가 다르다고 알립이 뜹니다.

 

비밀번호도 받겠습니다.

var id = prompt('아이디를 입력하세요.');
if(id=='leewang'){
    alert('아이디가 일치합니다');
    var pw=prompt('비밀번호를 입력하세요');
    if (pw = '1234'){
        alert(id + '님 환영합니다');
    }else{
        alert('비밀번호가 틀립니다')
    }
}else{
    alert('아이디가 다릅니다.');
}

아이디가 틀리면 비밀번호를 확인할 필요가 없기 때문에, 아이디 조건이 맞을 경우 비밀번호 조건문이 실행되게 조건문을 중첩하여 사용했습니다.

 

논리연산자

&&

&&는 좌항과 우항이 모두 참일 경우 참입니다. and연산자와 같다 생각하면 좋습니다.

if (true && true){
  console.log("true && true = true");
}
if (true && false){
  console.log("true && false");
}
if (false && false){
  console.log("false && false");
}

논리연산자를 사용해서 이전 로그인 코드를 수정하겠습니다.

이전 로그인 코드는  id조건문과 pw조건문이 따로였는데 이걸 하나로 합치겠습니다.

var id = prompt('아이디를 입력하세요.');
var pw = prompt('비밀번호를 입력하세요');
if (id == 'leewang' && pw == '1234') {
    alert(id + '님 환영합니다');
} else {
    alert('일치하지않습니다');
}

||

||는 좌항 우항 하나만 참이면 참이다. or연산자와 같다.

if (true || true){
    console.log("true || true = true");
}
if (true || false){
    console.log("true || false");
}
if (false || false){
    console.log("false || false");
}

간단한 아이디 확인 코드를 작성해보자

var id = prompt('아이디를 입력하세요.');
if (id == 'leewang' || id=='coco' || id =='ssosso') {
    alert(id + '님 환영합니다');
} else {
    alert('일치하지않습니다');
}

아이디가 leewang, coco, ssosso일 경우 로그인이 된다.

!

부정의 의미로 !true는 false, !false는 true이다.

true && !false 는 true이다

fasle || !false 도 true이다.

 

boolean의 대체자

if(true)와 if(1)은 같은 결과 값을 보인다.

숫자 1은 자바스크립트에서 true로 간주한다. 0은 false로 간주한다.

 

기타false로 간주하는 데이터들

if('')

if(undefined)

var a; if(a)