[javascript] JavaScript 공부 정리4 -형변환(자동 형변환, 명시적 형변환)

 

자동형변환의 예시로 성적을 구하는 프로그램을 만들어보고, 코드를 살펴보자

let mathScore = prompt("수학 점수를 입력하세요");
let engScore = prompt("영어 점수를 입력하세요");

let avg = (mathScore + engScore) / 2;
console.log(avg);

• 결과 값이 이상하게 출력됨

     •  “80” + “50” = “8050” → “8050” / 2 → 4025

• Prompt 로 입력 받은 값은 “문자”로 저장이 됨

 

 

JavaScript 자동 형변환

• 처음에는 편할 수도 있지만 큰 문제를 일으키게됨.
• 위의 성적을 구하는 프로그램을 확인해보면 Error 가 떴으면 바로 문제를 수정 했겠지만, Error 가 뜨지 않고 프로그램이 구동이 되었음
• 지금은 작은 프로그램이라 문제가 없었지만, 프로그램이 더 커진다면 의도하지 않았지만 정말 중대한 문제를 일으킬 수도 있음

 

 

JavaScript 명시적 형변환

• 자동 형변환에 의존 하지 않고 개발자가 직접 형 변환을 시키는 것
• 문자로 변환 → String();
• 숫자로 변환 → Number();

// 문자 데이터로 변환
let num = 123;
num = String(num);
console.log(typeof num);

// 숫자 데이터로 변환
num = Number(num);
console.log(typeof num);

console.log(Number("abcdefg"));