gwooden_코린이

자바스크립트_parseInt_04 본문

프론트엔드/자바스크립트

자바스크립트_parseInt_04

gwooden22 2022. 12. 4. 23:18
728x90

1. parseInt

parseInt을 통해서 기존 값을 정수로 변환 해준다.

 

<!DOCTYPE html>
<html>
<head>
<title>Insert title here</title>
<script>
var dataStr = "12.123";
var intData = parseInt(dataStr);
document.write(intData);
document.write("<br>");
</script>
</head>
<body>

</body>
</html>

var dataStr = "12.123";
var intData = parseInt(dataStr);

dataStr 변수에 "12.123"이라는 문자열이 들어가 있는데 이 문자열을 parseInt를 통해 정수형 타입으로 바꿔주면서 소수점을 제외한 정수인 12라는 값이 페이제 화면에 출력된다.

 

<!DOCTYPE html>
<html>
<head>
<title>Insert title here</title>
<script>
var dataStr = "12.123";
var intData = parseInt(dataStr);
document.write(intData);
document.write("<br>");

var dataInt = 12.123;

document.write(dataStr + intData);
document.write("<br>");
document.write(intData + dataInt);
</script>
</head>
<body>

</body>
</html>

금액 계산할때는 소수점을 굉장히 중요하게 생각하고 다룬다.

<!DOCTYPE html>
<html>
<head>
<title>Insert title here</title>
<script>
var dataStr = "12.123";
var dataFloat = 12.123;
document.write(dataStr + dataFloat);
document.write("<br>");
</script>
</head>
<body>

</body>
</html>

문자열(Str)하고 숫자(Flo)하고 더했을때 위 처럼 결과값이 출력된다.

2. parseFloat

<!DOCTYPE html>
<html>
<head>
<title>Insert title here</title>
<script>
var dataStr = "12.123";
var dataFloat = 12.123;
document.write(dataStr + dataFloat);
document.write("<br>");

var dataFstr = "12.123";
var datafFloat = 12.123;
var floatData = parseFloat(dataFstr);
document.write(floatData + datafFloat);
document.write("<br>");
</script>
</head>
<body>

</body>
</html>

기존 문자열 + 숫자에 합한 결과값은 12.12312.123으로 수가 합한 결과가 아닌 단순 붙어서 출력이 되었으나 두 번째는 이존 dataStr "12.123" 문자열 값을 parseFloat로 형변환을 실수형으로 변경하면서 실수형 + 숫자로 인해 결과값은 24.246이 나오게 되었다.

<!DOCTYPE html>
<html>
<head>
<title>Insert title here</title>
<script>
var dataStr = "12.123";
var dataFloat = 12.123;
document.write(dataStr + dataFloat);
document.write("<br>");

var dataFstr = "12.123";
var datafFloat = 12.123;
var floatData = parseFloat(dataFstr);
document.write(floatData + datafFloat);
document.write("<br>");

var beforNumber = "12.123";
var afterNumber = 12.123;
var numberNumber = Number(beforNumber);
document.write(numberNumber + afterNumber);
</script>
</head>
<body>

</body>
</html>

parseInt와 parseFloat 둘다 사용하나 parseInt를 더 많이 사용한다.

728x90
저작자표시 비영리 변경금지 (새창열림)

'프론트엔드 > 자바스크립트' 카테고리의 다른 글

자바스크립트JS 연산자 기능 살펴보기  (0) 2022.12.22
부트스트랩(Bootstrap) 설정  (0) 2022.12.21
자바스크립트_function_03  (0) 2022.12.04
자바스크립트_var_02  (0) 2022.12.04
자바스크립트_출력(alert, console, write)_01  (2) 2022.12.04
'프론트엔드/자바스크립트' Related Articles more
Comments