> 웹 프론트엔드 > 프런트엔드 Q&A > 자바스크립트에서 문자를 숫자로 변환하는 방법

자바스크립트에서 문자를 숫자로 변환하는 방법

青灯夜游
풀어 주다: 2021-10-08 16:29:33
원래의
2617명이 탐색했습니다.

JavaScript에서 문자를 숫자로 변환하는 방법: 1. "parseInt(value)" 문을 사용합니다. 2. "parseFloat(value)" 문을 사용합니다. 3. 곱셈 연산자인 "value * 1"을 사용합니다. , "Number(value)" 문을 사용하세요.

자바스크립트에서 문자를 숫자로 변환하는 방법

이 튜토리얼의 운영 환경: Windows 7 시스템, JavaScript 버전 1.8.5, Dell G3 컴퓨터.

1.parseInt()를 사용하세요

parseInt()는 값을 정수로 변환할 수 있는 전역 메서드입니다. 변환 과정은 다음과 같습니다.

  • 먼저 0 위치의 문자를 구문 분석합니다. 유효한 숫자가 아닌 경우 NaN이 직접 반환됩니다.

  • 0번 위치의 문자가 숫자이거나 유효한 숫자로 변환될 수 있는 경우 위치 1의 문자를 계속 구문 분석합니다. 유효한 숫자가 아닌 경우 0번 위치의 유효한 숫자를 직접 반환합니다.

  • 등 숫자가 아닌 문자를 찾을 때까지 왼쪽에서 오른쪽으로 각 문자를 하나씩 분석합니다.

parseInt()는 이전에 분석된 모든 합법적 숫자를 숫자 값으로 변환하여 반환합니다.

console.log(parseInt("123abc"));  //返回数字123
console.log(parseInt("1.73"));   //返回数字1
console.log(parseInt(".123"));   //返回值NaN
로그인 후 복사

부동 소수점 숫자의 점은parseInt()에 잘못된 문자이므로 값의 소수 부분은 변환되지 않습니다.

2.parseFloat() 함수를 사용하세요.

parseFloat()는 전역 메서드이기도 하며, 값을 부동 소수점 숫자로 변환할 수 있습니다. 즉, 나타나는 첫 번째 소수점을 식별할 수 있고 두 번째 소수점을 식별할 수 있습니다. 소수점은 불법으로 간주됩니다. 구문 분석 프로세스는 parsInt() 메서드와 동일합니다.

console.log(parseFloat("1.234.5"));  //返回数值 1.234
로그인 후 복사

parseFloat()의 매개변수는 10진수 형식의 문자열이어야 하며, 8진수 또는 16진수 숫자 문자열은 사용할 수 없습니다. 동시에 숫자 앞의 0(8진수 식별)은 무시되며, 16진수인 경우 0이 반환됩니다.

console.log(parseFloat("123"));  //返回数值 123
console.log(parseFloat("123abc"));  //返回数值 123
console.log(parseFloat("010"));  //返回数值 10
console.log(parseFloat("0x10"));  //返回数值 0
console.log(parseFloat("x10"));  //返回数值 NaN
로그인 후 복사

3. 곱셈 연산자를 사용하세요

변수에 1을 곱하면 해당 변수는 JavaScript에 의해 자동으로 숫자 값으로 변환됩니다. 1을 곱한 후에는 결과는 변하지 않지만 값의 유형은 숫자 값으로 변환됩니다. 값을 유효한 숫자로 줄일 수 없으면 NaN이 반환됩니다.

var a = 1;  //数值
var b = "1";  //数字字符串
console.log(a + (b * 1));  //返回数值 2
로그인 후 복사

4. Number() 함수를 사용하세요.

Number() 강제 변환은 parseInt() 및 parseFloat() 메서드와 다릅니다. Number()는 로컬 값이 아닌 전체 값을 변환합니다.

console.log(Number("123abc"));  //返回NaN
console.log(Number("123"));  //返回数值123
로그인 후 복사

【추천 학습: javascript 고급 튜토리얼

위 내용은 자바스크립트에서 문자를 숫자로 변환하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿