JS : Number()와 parseInt() 차이점

🤔 들어가기 전

비슷하지만 약간 다른 Number()와 parseInt()에 대해 알아보자!

---

Number()

🧑‍🏫 참고 자료
MDN_Number()
코딩팩토리_JavaScript / 함수 / Number() / 문자열을 숫자로 변환하는 함수

Number(value)처럼 함수로 사용하면 문자열이나 다른 값을 Number 타입으로 형변환한다.

만약 인수(value)를 숫자로 변환할 수 없는 경우 NaN을 반환한다.

⚙️ 구문

Number(value)

✨ 예시 코드

• 숫자가 아닌 인자값이 들어오면 NaN을 반환한다.

// NaN
console.log(Number("2022년"));

// NaN
console.log(Number("CORE-i5"));

// NaN
console.log(Number("05-11"));

// 511
console.log(Number("0511"));

// NaN
console.log(Number("불정로 6"));

// 1234
console.log(Number("1234"));

parseInt()

🧑‍🏫 참고 자료
MDN_parseInt()
코딩팩토리_JavaScript / 함수 / parseFloat(), parseInt() - 문자열을 수로 바꾸는 함수

paeseInt()함수는 문자열 인자를 파싱하여 특정 진수(수의 진법 체계에서 기준이 되는 값)의 정수를 반환한다.

⚙️ 구문

• string을 radix 값으로 바꾼다.
• radix는 2~36까지 입력할 수 있다. ▶ 입력하지 않으면 10으로 처리(10진수)
• 소수 부분은 버린다.
• 0x로 시작하면 16진법으로 처리한다.

parseInt(string)
parseInt(string, radix)

✨ 예시 코드

• 문자열(string)을 받아 숫자(number)로 바꿔준다.
• 단, 인자값이 숫자로 시작하고 숫자로 입력받은 부분 까지만 형변환이 일어난다.

// 2022
console.log(parseInt("2022년"));

// NaN
console.log(parseInt("CORE-i5"));

// 5
console.log(parseInt("05-11"));

// 511
console.log(parseInt("0511"));

// NaN
console.log(parseInt("불정로 6"));

// 1234
console.log(parseInt("1234"));