JavaScript에서 문자열을 숫자로 변환하는 세 가지 방법 소개

우리가 개발하는 언어에 관계없이 일상적인 개발 과정에서 문자열을 숫자로 변환해야 하는 필요성에 직면하게 됩니다. 많은 친구들이 이를 달성하는 방법을 많이 알고 있으므로 오늘은 이에 대해 자세히 알아보겠습니다. JavaScript 문자열을 숫자로 변환하는 세 가지 방법!

js가 텍스트 상자나 다른 형식의 데이터를 읽을 때 얻은 값은 문자열 유형입니다. 예를 들어 a와 b의 값이 11이고 b의 값이 9이면 a입니다. value는 모두 문자열 형식이므로 b.value보다 작아야 합니다. 인터넷에서 js 문자열을 숫자로 변환하는 방법에 대한 기사를 검색했습니다. 이는 변환 함수, 강제라는 세 가지 주요 방법이 있습니다. 유형 변환, 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

십진수 앞에 0이 포함되어 있으면 밑수 10을 사용하는 것이 좋습니다. 실수로 8진수 값을 얻지 마십시오. 예:

코드는 다음과 같습니다.

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

2. 강제 유형 변환

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

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

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

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

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

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

Boolean() 함수는 변환할 값이 하나 이상의 문자로 구성된 문자열, 0이 아닌 숫자 또는
object
(다음 섹션에서 설명)인 경우 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의 약한 유형 특성을 활용하고 문자열에서 숫자로 유형 변환을 달성하기 위한 산술 연산만 수행합니다. 그러나 이 방법은 권장되지 않습니다.

요약:

본 글은 자바스크립트에서 문자열을 숫자로 변환하는 세 가지 방법을 코드 예시를 통해 자세히 소개합니다. 각 방법은 각자의 필요에 따라 선택하시면 도움이 될 것입니다. 당신의 작업이 도움이 됩니다! 관련 권장 사항:

js 문자열을 숫자로, 숫자를 문자열로 변환하는 방법

JavaScript Advanced (4) js 문자열을 숫자로 변환

PHP는 길이를 계산합니다 중국어 문자열을 변환하고 문자열을 숫자로 변환합니다

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