Extend-w1D3-JS) parseInt() / parseFloat() : 문자열을 숫자로 변환

horiz.d·2022년 7월 6일
0

AI양재허브 웹트랙

목록 보기
2/11

문자열을 숫자로 변환하는 방법으로는 [ parseInt() , parseFloat(), + - * 연산자 사용 ] 이 있다.


1. parseInt(string, radix)

  • string : 숫자로 변환할 문자열 ( 필수 )

  • radix : string 문자열을 읽을 수체계 진법, [2~36]의 수 (선택, default는 10진수)

  • 반환 값 : string을 해당 진수로 변환한 값을 반환, string의 첫글자 정수 변경 불가 시 NaN

document.writeln(parseInt("10")); // 10
document.writeln(parseInt("-10")); // -10
document.writeln(parseInt("10.9")); // 10
document.writeln(parseInt(10)); // 10
document.writeln(parseInt("10n")); // 10
document.writeln(parseInt("10nnn13")); // 10
document.writeln(parseInt("    10")); // 10
document.writeln(parseInt("10      ")); // 10
document.writeln(parseInt("k10")); // NaN : 첫글자 정수 변경 불가
document.writeln(parseInt("")); // NaN


document.writeln(parseInt("10", 2)); // 2
document.writeln(parseInt("2", 2)); // NaN
document.writeln(parseInt("0xF")); // 15
document.writeln(parseInt("0XF")); // 15
document.writeln(parseInt("0XFkk")); // 15



2. parseFloat(string)

  • string : 변환할 문자열

  • 반환 값: 실수로 변환한 값을 반환, string의 첫글자가 숫자 변환 가능값
    [숫자, 기호(+,-) , 소수점(.) , 지수] 이 아닌 경우 NaN을 반환

JSResult Skip Results Iframe
EDIT ON
document.writeln(parseFloat("10")); // 10
document.writeln(parseFloat("-10")); // -10
document.writeln(parseFloat("10.9")); // 10.9
document.writeln(parseFloat(10.9)); // 10.9
document.writeln(parseFloat("10.9abcd")); // 10.9
document.writeln(parseFloat("10.9abcd55")); // 10.9
document.writeln(parseFloat("abcd10.9")); // NaN
document.writeln(parseFloat("    10.9")); // 10.9
document.writeln(parseFloat("10.9   ")); // 10.9
document.writeln(parseFloat("")); // NaN



3. + , -, * 사용

+ , - 단항연산자 앞에 붙이기

문자열 앞에 단항 연산자 (+)를 붙여주면, 문자열을 숫자 타입으로 변환하여 리턴
만약, 문자열을 숫자로 변경할 수 없을 시 NaN 반환

document.writeln(+"10"); // 10
document.writeln(+"10.1"); // 10.1
document.writeln(+"-10"); // -10
document.writeln(+"abc"); // NaN
document.writeln(+true); // 1
document.writeln(+false); // 0



str * 1

숫자로 변환할 문자열에 *1을 해주면 문자열로 존재하는 숫자가 숫자타입으로 반환

document.writeln("10" * 1); // 10
document.writeln("10.1" * 1); // 10.1
document.writeln("-10" * 1); // -10
document.writeln("abc" * 1); // NaN
profile
가용한 시간은 한정적이고, 배울건 넘쳐난다.

0개의 댓글