DAY24 - 일치 연산자, 입출력 함수

은나현·2023년 2월 23일
0

📌 1. 일치 연산자(===)

  • JavaScript언어는 문법이 엄격하지 않기 때문에 타 언어에서처럼 ==를 사용해 비교할 경우 일치의 기준도 너그러운 편이다.
  • 예시
    • 문자열로 표현된 숫자와 숫자형의 숫자를 비교해도 true가 된다.
      • 1 == '1' -> true
    • true를 1, false를 0과 비교해도 true가 된다. 문자열 형태의 숫자로도 마찬가지다.
      • true == 1 -> true
      • false == '0' -> true
    • nullundefined도 같게 취급한다.
      • null == undefined -> true
  • 따라서 좀 더 정교한 비교가 필요할 때는 ===를 사용할 수 있다. 이 연산자를 사용하면 자료형까지 비교하므로 위의 사례들 전부 false가 된다.
  • ===의 부정은 !==으로 쓴다.

📌 2. write, alert, prompt

  • 페이지에서의 입출력과 관련된 함수들이다.

📍 2-1. write

  • document.write(출력 내용)

    • HTML페이지의 <body>태그 안을 JavaScript에서는 document라고 부른다.

    • <body>태그 안에 새로운 내용을 출력하고자 할 경우 자바스크립트에게 write 명령어를 전달한다. HTML태그 안에 출력되는 내용이므로 다른 HTML태그를
      포함하여 출력할 수 있다.

      • 작성 예시
          <script>
              var detail = "출력 내용 예시"
              document.write("<h1>write 출력 예시</h1><br><p>"+detail+"</p>")
          </script>
      • 출력 형태

📍 2-2. alert

  • alert(출력 내용)
    • 이 함수를 사용하면 웹페이지에 경고 팝업창을 띄운다. 팝업창에 출력될 문구에는 html태그 사용은 불가하다.
      • 작성 예시
          <script>
              var detail = "팝업 내용 예시"
              alert("경고 : " + detail)
          </script>
      • 출력 형태

📍 2-3. prompt

  • prompt(출력 내용)
    • 이 함수를 사용하면 입력 팝업창을 생성해 사용자로부터 입력값을 받을 수 있다.
      • 작성 예시
          <script>
              var input = prompt("입력값 받기 예시");
              alert(input)
          </script>
      • 출력 형태

0개의 댓글