본문 바로가기
JS/시나리오 코드

형 변환

by 개발자공부 2024. 7. 19.
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <h2>index1.html</h2>
    <div>
      <p><span>자바스크립트 형변환에 대해서 살펴보자</span></p>
    </div>

    <script>
      console.log(hNum);
      // console.log(dNum);

      const num = 5;
      const str = "10";

      const result = num + str;
      console.log(result); // 5+"10" -> 덧셈 연산일 때 = 문자로 인식이 된다. (문자로 자동형변환). 결과는 "510"이다.

      const num1 = 10;
      const str1 = "2";

      const multiplyResult = num1 * str1; // 곱셈 연산이라 문자열 타입을 숫자형으로 변환하여 곱셈
      console.log(multiplyResult);

      const divideResult = num1 / str1; // 나눗셈 연산이라 문자열 타입을 숫자형으로 변환하여 나눗셈
      console.log(divideResult);

      const moResult = num1 % str1; // 나머지 연산이라 문자열 타입을 숫자형으로 변환하여 나머지 연산 처리
      console.log(moResult);

      var hNum = 10;
      console.log(hNum);
    </script>
  </body>
</html>

'JS > 시나리오 코드' 카테고리의 다른 글

배열  (0) 2024.07.19
객체 리터럴 표기법  (0) 2024.07.19
new 키워드와 생성자 함수  (0) 2024.07.19
let 키워드 주요 특징  (0) 2024.07.19
var 키워드와 호이스팅  (0) 2024.07.19