JS 문자열을 Numbers_javascript 기술로 변환하는 세 가지 방법

크게 세 가지 방법이 있습니다

js 변수를 이용한 변환 함수, 강제형 변환, 약한형 변환입니다.

1. 변환 기능:

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

몇 가지 예는 다음과 같습니다.

코드 복사 코드는 다음과 같습니다.

parseInt("1234blue") // return 1234
parseInt("0xA"); //10 반환
parseInt("22.5"); //22 반환
parseInt("blue"); //NaN

반환

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

코드 복사 코드는 다음과 같습니다.

parseInt("AF", 16); //175를 반환
parseInt("10", 2); //2를 반환
parseInt("10", 8) //8을 반환
parseInt("10", 10); 10을 반환합니다

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

코드 복사 코드는 다음과 같습니다.

parseInt("010") // 8을 반환합니다
parseInt("010", 8); //8을 반환합니다
parseInt("010", 10) //10을 반환합니다

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

parseFloat() 메소드를 사용한 예는 다음과 같습니다.

코드 복사 코드는 다음과 같습니다.

parseFloat("1234blue") // 1234.0
parseFloat("0xA"); //NaN을 반환
parseFloat("22.5"); //22.5를 반환
parseFloat("22.34.5"); //22.34를 반환
parseFloat ("0908 "); //908을 반환
parseFloat("blue"); //NaN을 반환

2. 강제형 변환

형 변환을 사용하여 변환된 값의 유형을 처리할 수도 있습니다. 다른 유형이더라도 특정 값에 액세스하려면 캐스트를 사용하십시오.
ECMAScript에서 사용할 수 있는 세 가지 유형의 캐스트는 다음과 같습니다.
Boolean(value) - 주어진 값을 Boolean 유형으로 변환합니다.
Number(value) - 주어진 값을 숫자로 변환합니다. 정수 또는 부동 소수점 숫자);
String(value) - 주어진 값을 문자열로 변환합니다.
이 세 가지 기능 중 하나를 사용하여 값을 변환하면 원래 값에서 직접 변환된 값이 저장되는 새로운 값이 생성됩니다. 이로 인해 의도하지 않은 결과가 발생할 수 있습니다.
Boolean() 함수는 변환할 값이 문자열, 0이 아닌 숫자 또는 문자가 하나 이상 포함된 객체인 경우 true를 반환합니다. 이에 대해서는 다음 섹션에서 설명합니다. 값이 빈 문자열, 숫자 0, 정의되지 않음 또는 null인 경우 false를 반환합니다.

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

코드 복사 코드는 다음과 같습니다.

Boolean("") //false – 빈 문자열
Boolean("hi"); //true – 비어 있지 않은 문자열
Boolean(100); //true – 0이 아닌 숫자
Boolean(null);
Boolean(0); //false - 0
Boolean(new Object()) //true - 객체

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

코드 복사 코드는 다음과 같습니다.

사용법                              0
숫자(true) 1
숫자(undefine) NaN
숫자(null) 0
숫자( "5.5 ") 5.5
숫자( "56 ") 56
숫자( "5.6.7 ") NaN
숫자(new Object()) NaN
숫자(100) 100

마지막 캐스트 메서드인 String()이 가장 간단합니다. 예는 다음과 같습니다.

코드 복사 코드는 다음과 같습니다.

var s1 = String(null) / /"null "
var oNull = null;
var s2 = oNull.toString(); //작동하지 않고 오류가 발생함

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

작은 예를 들어보시면 이해가 되실 겁니다.

코드 복사 코드는 다음과 같습니다.

<script><br>var str = '012.345 ';<br>var x = str-0;<br>x = x*1;<br></script>

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