[Javascript] 형변환 관련 / Number() / parseInt() / parseFloat()

요약

• Number(): 문자열을 숫자로 변환하는 함수
• parseInt(): 문자열을 정수로 바꾸는 함수
• parseFloat(): 문자열을 실수로 바꾸는 함수

---

문자열 연결

let data1 = "10";
let data2 = "20";

console.log(data1 + data2);

 

data1 과 data2의 변수값을 문자열 이라고 선언 후 출력된 결과를 확인해보자.

 

출력

 

"1020" 이 출력

 

 

data1 과 data2의 변수값이 문자열 이라도 Number() 라는 명령어를 사용하면

 

let data1 = "10";
let data2 = "20";

console.log( Number(data1) + Number(data2) );

 

(10+30)의 결과값인 "30" 이 출력

출력

 

 

---

 

변숫값에 문자가 포함되어 있더라도 parseInt() 명령어를 사용해서 산술이 가능하도록 사용

 

let data3 = "50일" ;
let data4 = "50일" ;

console.log( parseInt(data3) + parseInt(data4) );

 

"100" 이 출력

출력

 

 

또한, 변수값에 소수점이 포함되어 있더라도

parseFloat() 명령어를 사용해서 산술이 가능하도록 사용하자.

let data3 = "50.5일" ;
let data4 = "50.3일" ;

console.log( parseFloat(data3) + parseFloat(data4) );

 

"100.8" 이 출력

출력