>  기사  >  웹 프론트엔드  >  자바스크립트에서 문자열을 숫자로 변환하는 방법

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

青灯夜游
青灯夜游원래의
2021-03-30 17:21:1413661검색

JavaScript에서 문자열을 숫자로 변환하는 방법: 1. parsInt() 함수를 사용하여 정수로 변환하거나, parseFloat() 함수를 사용하여 부동 소수점 숫자로 변환합니다. 2. 강제 유형 변환을 사용합니다. 구문 "숫자(값)"을 사용하면 주어진 값을 숫자(정수 또는 부동 소수점)로 변환할 수 있습니다.

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

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

JavaScript에서 문자열을 숫자로 변환하는 방법에는 크게 세 가지가 있습니다.

변환 함수, 강제 유형 변환, js 변수를 사용한 약한 유형 변환.

1. 변환 함수:

js는 두 가지 변환 함수인parseInt()와parseFloat()를 제공합니다. 전자는 값을 정수로 변환하고 후자는 값을 부동 소수점 숫자로 변환합니다. String 유형에서 이러한 메서드를 호출해야만 이 두 함수가 다른 유형에 대해 올바르게 실행될 수 있으며 NaN(숫자가 아님)이 반환됩니다.

일부 예는 다음과 같습니다.

parseInt("1234blue"); //returns 1234
parseInt("0xA"); //returns 10
parseInt("22.5"); //returns 22
parseInt("blue"); //returns NaN

parseInt() 메서드에는 기본 모드도 있는데, 이 모드에서는 2진수, 8진수, 16진수 또는 기타 기본 문자열을 정수로 변환할 수 있습니다. 기수는 다음과 같이 parseInt() 메서드의 두 번째 매개 변수로 지정됩니다.

parseInt("AF", 16); //returns 175
parseInt("10", 2); //returns 2
parseInt("10", 8); //returns 8
parseInt("10", 10); //returns 10

10진수 앞에 0이 포함된 경우 실수로 8진수 값을 얻지 않도록 기수 10을 사용하는 것이 좋습니다. 예를 들면 다음과 같습니다.

parseInt("010"); //returns 8
parseInt("010", 8); //returns 8
parseInt("010", 10); //returns 10

parseFloat() 메서드는 parseInt() 메서드와 유사하게 처리됩니다.

parseFloat() 메서드를 사용할 때의 또 다른 차이점은 문자열이 소수 형식의 부동 소수점 숫자를 나타내야 하며,parseFloat()에는 기본 모드가 없다는 것입니다.

다음은parseFloat() 메소드를 사용하는 예입니다.

parseFloat("1234blue"); //returns 1234.0
parseFloat("0xA"); //returns NaN
parseFloat("22.5"); //returns 22.5
parseFloat("22.34.5"); //returns 22.34
parseFloat("0908"); //returns 908
parseFloat("blue"); //returns NaN

[추천 학습: js 기본 튜토리얼]

2 강제 유형 변환

유형 캐스팅을 사용하여 변환 값을 처리할 수도 있습니다. 유형. 다른 유형이더라도 특정 값에 액세스하려면 캐스트를 사용하십시오.

ECMAScript에서 사용할 수 있는 세 가지 유형의 형변환은 다음과 같습니다.

  • Boolean(value) - 주어진 값을 Boolean 유형으로 변환합니다.

  • Number(value) - 주어진 값을 Number로 변환합니다. 정수 또는 부동 소수점 숫자)

  • String(value) - 주어진 값을 문자열로 변환합니다.

이 세 가지 함수 중 하나를 사용하여 값을 변환하면 원래 값에서 직접 변환된 값이 저장되는 새로운 값이 생성됩니다. 이로 인해 의도하지 않은 결과가 발생할 수 있습니다.

Boolean() 함수는 변환할 값이 문자열, 0이 아닌 숫자 또는 문자가 하나 이상 포함된 객체인 경우 true를 반환합니다(이에 대해서는 다음 섹션에서 설명합니다). 값이 빈 문자열, 숫자 0, 정의되지 않음 또는 null인 경우 false를 반환합니다.

다음 코드 조각을 사용하여 부울 유형 캐스트를 테스트할 수 있습니다.

Boolean(""); //false – empty string
Boolean("hi"); //true – non-empty string
Boolean(100); //true – non-zero number
Boolean(null); //false - null
Boolean(0); //false - zero
Boolean(new Object()); //true – object

Number()의 강제 변환은 값의 일부가 아닌 전체 값을 변환한다는 점을 제외하면 parsInt() 및 parseFloat() 메서드와 유사합니다. 예는 다음과 같습니다.

Number(false) 0
Number(true) 1
Number(undefined) NaN
Number(null) 0
Number( "5.5 ") 5.5
Number( "56 ") 56
Number( "5.6.7 ") NaN
Number(new Object()) NaN
Number(100) 100

마지막 강제 유형 변환 방법 String()이 가장 간단하며 예는 다음과 같습니다.

var s1 = String(null); //"null"
var oNull = null;
var s2 = oNull.toString(); //won't work, causes an error

3 js 변수 약한 유형 변환을 사용하세요

작은 예를 보면 이해하실 것입니다. 한눈에 .

코드는 다음과 같습니다.

<script>
var str= &#39;012.345 &#39;;
var x = str-0;
x = x*1;
</script>

위의 예는 js의 약한 유형 특성을 활용하고 문자열에서 숫자로 유형 변환을 달성하기 위한 산술 연산만 수행합니다. 그러나 이 방법은 권장되지 않습니다.

더 많은 프로그래밍을 위해서는- 관련 지식은 프로그래밍 비디오를 방문하세요! !

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

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.