반응형
📌 자바스크립트 문자열을 숫자로 변환하기
자바스크립트에서 문자열을 숫자로 변환하는 방법은 아래와 같다.
- Number( )함수를 사용하여 JavaScript에서 문자열을 숫자로 변환
- parseInt( )함수를 사용하여 JavaScript에서 문자열을 정수로 변환
- Math객체를 사용하여 JavaScript에서 다양한 연산 메소드
1️⃣ Number( )
Number()는 다른 데이터 타입을 숫자 형식으로 변환하는 데 사용할 수있는 함수이다.
매개 변수가 정의되지 않았거나 숫자로 변환 할 수없는 경우에는 NaN을 리턴한다.
console.log(Number("246")) // 246
console.log(Number("246.5")) // 246.5
console.log(Number(undefined)) // NaN
console.log(Number("Hello")) // NaN
2️⃣ parseInt( )
parseInt()는 입력 된 숫자를 정수로 변환한 후 변환된 값을 반환한다.
소수점 이하의 값이 필요할때는 parseFloat()를 사용하면 된다.
console.log(parseInt("123")); // 123
console.log(parseInt("abc")); // NaN
console.log(parseInt("-123")); // -123
console.log(parseInt("100.50")); // 100
3️⃣ Math
Math는 다양한 연산을 위한 메소드를 가진 JavaScript의 내장 객체이다.
console.log(Math.ceil("220.5")); // 221
console.log(Math.floor("220.5")); // 220
console.log(Math.abs("-240.25")); // 240.25
- Math.ceil( ): 소수점 이하를 반올림한 값을 반환
- Math.floor( ): 주어진 숫자와 같거나 작은 정수 중에서 가장 큰 수를 반환
- Math.abs( ): 주어진 숫자의 절대값을 반환
⚡ 참고사이트
https://www.delftstack.com/ko/howto/javascript/convert-string-to-number-javascript/
반응형
'Frontend > JavaScript' 카테고리의 다른 글
[JS] 자바스크립트로 HTML 클래스 다루기(추가, 변경, 제거, 토글) (0) | 2022.02.15 |
---|---|
[JS] 대소 문자 구분 없이 문자열 비교하기 (0) | 2022.02.14 |
[JS] 문자열의 마지막 콤마 제거하기 (0) | 2022.02.09 |
[JS] 배열의 특정 값 찾기 (find, filter) (2) | 2022.02.08 |
[JS] 자바스크립트 Ajax 통신 예제 (vanilla JS) (0) | 2022.02.03 |
최근댓글