흙금이네 블로그

[자바스크립트 기본] 07. 형 변환 본문

TIL/JavaScript

[자바스크립트 기본] 07. 형 변환

흙금 2023. 1. 16. 22:24

 

 

문자형으로의 형 변환은 메서드에서 매개변수를 문자형으로 받는 등 문자형 값이 필요할 때 일어난다.

alert 메서드에 다른 형의 값을 매개변수로 전달하면 그 값은 문자형으로 자동 변환된다.

String(value) 함수를 호출해 값을 직접 문자열로 변환할 수도 있다.

let value = true;
alert(value);  // true

alert(String(true));  // true

 

 

숫자형으로의 형 변환은 수학과 관련된 함수와 표현식에서 자동으로 일어난다.

Number(value) 함수를 사용하면 값을 숫자형으로 명시하여 변환할 수 있다.

숫자형으로 사용하고자 하는 값을 문자 기반 폼을 통해 입력 받는 경우, 명시적 형 변환을 해주어야 한다.

alert('6'/'2');  // 3

alert(typeof Number('123'));  // number

 

 

숫자형으로 변환 시 적용되는 규칙으로, null과 undefined가 숫자형 변환 시 결과가 다르다.

alert(Number(undefined));  // NaN
alert(Number(null));  // 0

alert(Number(true));  // 1
alert(Number(false));  // 0

alert(Number('  123  '));  // 123
alert(Number('       '));  // 0
alert(Number('123z'));  // NaN (변환 실패)

 

 

Boolean(value) 함수를 사용하면 값을 불린형으로 명시하여 변환할 수 있다.

0, 빈 문자열, undefined, null, NaN의 값들은 false, 그 외의 값들은 true로 변환된다.

alert(Boolean(1));  // true
alert(Boolean(0));  // false

alert(Boolean('hello'));  // true
alert(Boolean(''));  // false

alert(Boolean(undefined));  // false
alert(Boolean(null));  // false
alert(Boolean(NaN));  // false

alert(Boolean('0'));  // true
alert(Boolean(' '));  // true (공백이 있으면 빈 문자열이 아님)

 

 

 

참고

https://ko.javascript.info/type-conversions

Comments