Boolean

Tino-Kim·2022년 3월 7일
0
post-thumbnail

✔ Boolean

✔ and :: &&

and는 모든 조건이 true인 경우에 true이다.
하나라도 false이면 false가 출력된다.

✔ or :: ||

or는 한 개라도 true인 경우에 true이다.
둘 다 false이면 false가 출력된다.

✔ not :: !

not은 true -> false로 변경시켜주고, false -> true로 변경시켜준다.

<!DOCTYPE html>
<html lang="ko">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Boolean</title>
  </head>
  <body>
    <h3>Boolean || Login 기능 구현하기</h3>
    <script>
      /*
      // id가 tinokim 이고, password가 1234567890 이어야 한다. 그래야 로그인이 가능하다.
      const id = prompt("아이디를 입력해주세요");
      // console.log(id);
      if (id === "tinokim") {
        const password = prompt("비밀번호를 입력해주세요");
        // console.log(password);
        if (password === "1234567890") {
          // prompt는 문자열로 인식하기 때문에, 따옴표를 붙여주기.
          alert(`안녕하세요, ${id}님. 만나서 반갑습니다. 좋은 하루 보내세요.`);
        } else {
          alert(
            `${id}님, 비밀번호를 잘못 입력하셨습니다. 다시 한번 확인해주세요.`
          );
        }
      } else {
        alert("아이디를 잘못 입력하셨습니다. 다시 한번 확인해주세요.");
      }
      */

      /*
      // 논리 연산자를 이용해서 한꺼번에 작성할 수도 있다. -> && 이용하기.
      const id = prompt("아이디를 입력해주세요");
      const password = prompt("비밀번호를 입력해주세요");

      if (id === "tinokim" && password === "1234567890") {
        alert(`안녕하세요, ${id}님. 만나서 반갑습니다. 좋은 하루 보내세요.`);
      } else {
        alert("입력된 정보가 잘못 되었습니다. 다시 확인해주세요.");
      }
      */

      /*
      // id의 값이 하나라도 만족하는 경우에는 인증이 된다.
      const id = prompt("아이디를 입력해주세요.");
      if (id === "tinokim" || id === "chaechae" || id === "apple") {
        alert("인증에 성공하였습니다.");
      } else {
        alert("인증에 실패하였습니다.");
      }
      */

      /*
      // id는 세개 중 하나를 사용하고, 반드시 password는 "111111" 이어야 인증이 가능하다.
      const id = prompt("아이디를 입력하세요.");
      const password = prompt("비밀번호를 입력하세요.");
      if (
        (id === "tinokim" || id === "chaechae" || id === "apple") &&
        password === "111111"
      ) {
        alert("인증에 성공하였습니다.");
      } else {
        alert("인증에 실패하였습니다.");
      }
      */
    </script>
  </body>
</html>

✔ Boolean의 대체제

1: true
0: false
-1: true
"": false
" ": true
undefined: false
!undefined: true
변수에 할당해주지 않는 경우 == undefined, 결국에는 false
null: false
NaN: false
!null: true
!NaN: true

✔ JS Comparison Table 깃허브 : JS Comparison Table

profile
알고리즘과 데이터 과학과 웹 개발을 공부하는 대학생

0개의 댓글