언어 & 기술 스택/HTML & CSS & JS
[JavaScript] String과 Number의 조합과 변환
github.com/zlrloy
2023. 7. 12. 16:13
Javascript에서의 텍스트는 ""(쌍따옴표) 로, 숫자는 ""없이 표현합니다.
숫자를 ""로 감싸게 되면 텍스트로 인식합니다.
const a = "1" + "1";
console.log (a) //11
console.loh(typeof a) //string
const a = 1 + 1;
console.log (a) //2
console.loh(typeof a) //number
텍스트와 숫자의 조합으로 연산해봅시다.
console.log ('20' + '2') //202 (typeof:string)
console.log ('20' - '2') //18 (typeof:number)
console.log ('20' - 2) //18 (typeof:number)
console.log (20 - '2') //18 (typeof:number)
+ 의 양쪽 중 하나라도 텍스트에 해당하면 문자열이 됩니다.
- 의 경우 양쪽 값을 모두 숫자로 변환해줍니다.
'텍스트' - '텍스트'
'텍스트' - 숫자
모두 같은 결과가 나옵니다. 코드는 동작하지만 가독성을 위해 텍스트로 표현된 숫자는 반드시 숫자로 수정해줍니다.
텍스트를 숫자로 변환해봅시다.
1. Number(), parseInt(), parseFloat() | 함수 사용
const a = "33";
console.log(typeof a) //string
const numberA = Number(a);
console.log(typeof numberA) //number
2. - | 연산의 특성 활용
const a = "1234";
const b = a - 0;
console.log(typeof a) //string
console.log(typeof b) //number
숫자를 텍스트로 변환해봅시다.
1. toString() | 함수 사용
const number = 1234;
const numberAsString = number.toString();
console.log(typeof number) //number
console.log(typeof numberAsString) //string
2. + | 연산의 특성 활용
const number = 1234;
const numberAsString = 1234 + "";
console.log(typeof number) //number
console.log(typeof numberAsString) //string
Assignment|나이 값을 string 타입으로 입력시 국민연금 수령 나이를 계산해서 반환
function countRemainingPension(age_string) {
const maximumAge = 65;
let currentAge = age_string;
if (currentAge - maximumAge >= 0) {
return "국민연금 수령 가능합니다."
} else if (currentAge - maximumAge < 0) {
return "앞으로 " + (maximumAge - currentAge) + "년 후에 수령 가능합니다."
}
}
console.log(countRemainingPension("50")) //앞으로 15년 후에 수령 가능합니다.
console.log(countRemainingPension("75")) //국민연금 수령 가능합니다.