김숭늉 마음대로

왕초보 자바스크립트(코딩앙마) #4 형변환 (type conversion) 본문

IT/JavaScript

왕초보 자바스크립트(코딩앙마) #4 형변환 (type conversion)

김숭늉이 2023. 3. 11. 16:38
728x90

 

1. 형변환이 왜 필요할까?

   ㄴ    "문자" + "문자" = 문자를 이어서 보내줌

   ㄴ    100 + 200 = 300 (계산해서 보여줌)

 

 

 

예제로 개념 이해하기!!!

 
   1) 예제 1   ==> 정상적으로 나오지 않음
const mathScore = prompt('수학 몇점 맞았니?');
const engScore = prompt('영어는 몇점 맞았니?');
const result = (mathScore + engScore) / 2   // 평균값 계산하기

console.log(result)
 

   -> 입력값에 수학 50점 영어 20점 넣고 콘솔 확인해보면 아래와같이 이상하게 나옴.

       ㄴ prompt로 입력받은 값은 문자형(string)으로 취급되기 때문!!!

const mathScore = 90;
const engScore = 100;
const result = (mathScore + engScore) / 2;

console.log(result)
    
      -> 원하는값 정상 노출됨! 95점

그럼 영어 20점은 왜 5010중 '10'이라는 값으로 나누기 2가 되었을까?

이유는 자동 형변환! 우리는 명시적 형변환을 써야해! 

9080 문자형 !

 
 
 
2. String()    
    ㄴ String에서 S는 꼭 대문자로 써줘야함!
console.log (
    String(3),
    String(true),
    String(false),
    String(null),
    String(undefined)
)
 

 

3. Number()

    ㄴ true와 fales 는 1과 0으로 표현됨!

    ㄴ text를 입력했을떄는 NaN이 나옴 주의!

console.log (
    Number("12345"),
    Number(true),   // 1
    Number(false),  // 0
)

 

 

 

3. Boolean() 

   ㄴ fales만 기억하면 됨! 아래와 false에 입력되는 값이외에는 모두 true임!

 

 

 

 

 

728x90
반응형