상세 컨텐츠

본문 제목

Javascript - 명시적/묵시적 형변환

개발/JavaScript

by 뉴에이스 2018. 10. 25. 09:57

본문

명시적 형변환
- 논리형(boolean)을 숫자로 변경하면 true(1), false(0)

묵시적 형변환
소스
// 논리형을 숫자로 변환
console.log(true, Number(true));
console.log(false, Number(false));

// 묵시적 형변환
console.log(true + 1); // 2
console.log(false + 1); // 1
console.log(true + false); // 1

// 문자열을 숫자로 변환
// 숫자형태가 아닌 문자열이 포함된 경우 NaN (ex. 나이입력필드에.. 문자가 입력됬을때..)
console.log("", Number("")); // 0
console.log(" ", Number(" ")); // 0, 빈문자열 또는 공백만 있는 문자열은 0 으로 변경
console.log("12", Number("12")); // 12
console.log("hello", Number("hello")); // NaN
console.log("123원", Number("123원")); // NaN
console.log("$123", Number("$123")); // NaN

// 숫자 확인
console.log("12", parseInt("12")); // 12
console.log("hello", parseInt("hello")); // NaN
console.log("123원", parseInt("123원")); // 123, 앞에서부터 숫자가 아닌부분이 나올때까지, 문자로 시작한다면 NaN
console.log("$123", parseInt("$123")); // NaN

// 논리형을 문자열로
console.log(true, String(true));
console.log(false, String(false));
console.log(true, true + "");

// 숫자를 문자열로
console.log(17, 17 + "");
console.log(17, String(17));
결과
true 1
false 0
2
1
1
 0
  0
12 12
hello NaN
123원 NaN
$123 NaN
12 12
hello NaN
123원 123
$123 NaN
true 'true'
false 'false'
true 'true'
17 '17'
17 '17'

관련글 더보기

댓글 영역