JavaScript

[JavaScript] 객체의 형 변환

FRDYtheme 2022. 12. 1. 22:03

형 변환

  • 함수와 연산자에 전달되는 값은 대부분 적절한 자료형으로 자동 변환된다.
    • alert의 값이 모두 문자열로 변환되는 것.
    • 문자와 문자의 + 연산이나 문자와 숫자형 문자열의 연산 등 ...

이 외에, 의도적으로 타입을 변환하는 것도 가능한데 이것을 '명시적 변환'이라고 함.

 

문자형으로 변환

String(값) 함수를 호출해 전달받은 값을 문자열로 변환.

let num = 1; //숫자
typeof String(num); // 문자열

숫자형으로 변환

수학과 관련된 함수와 표현식에서 자동으로 변환됨.

혹은 Number(값); 함수 호출.

let num = '1' + '3'
let num1 = '1' - '3'
let num2 = '1' / '3'
let num3 = '1' * '3'
let num4 = '1' % '3'
let num5 = '123'

console.log(`자료형:${typeof num}, ${num}`); // 자료형:string, 13
console.log(`자료형:${typeof num1}, ${num1}`); // 자료형:number, -2
console.log(`자료형:${typeof num2}, ${num2}`); // 자료형:number, 0.33333333333
console.log(`자료형:${typeof num3}, ${num3}`); // 자료형:number, 3
console.log(`자료형:${typeof num4}, ${num4}`); // 자료형:number, 1
console.log(`자료형:${typeof num5}, ${num5}`); // string, 123
num5 = Number(num5);
console.log(`자료형:${typeof num5}, ${num5}`); // number, 123

 

  • 각 자료형을 숫자형으로 변환했을 때의 값.
    • undefined = NaN
    • null = 0
    • true = 1
    • false = 0

논리형으로 변환

논리 연산을 수행할 때 자동으로 발생.

Boolean(값)을 호출. 

  • 숫자 0, 빈 문자열('', "", ``), null, undefined, NaN은 false. ** "0"은 0이 채워진 문자열로 true다.
  • 그 외의 값은 true로 변환.

 

'JavaScript' 카테고리의 다른 글

[JavaScript] 지역 변수 / 전역 변수 (scope)  (0) 2022.12.02
[JavaScript] 기본 연산자  (0) 2022.12.01
[JavaScript] 자료형  (0) 2022.12.01
[JavaScript] 화살표 함수 (arrow function)  (0) 2022.12.01
[JavaScript] 함수 function  (0) 2022.12.01