>  기사  >  웹 프론트엔드  >  js에서 숫자를 문자열로 변환하는 다양한 방법에 대한 자세한 설명

js에서 숫자를 문자열로 변환하는 다양한 방법에 대한 자세한 설명

韦小宝
韦小宝원래의
2018-03-07 13:42:351380검색

js가 텍스트 상자나 다른 형식의 데이터를 읽을 때 얻는 값은 문자열 유형입니다. 다른 데이터 유형을 사용해야 하는 경우에는 데이터 유형 변환을 사용해야 합니다. js에서 문자열을 숫자로 변환하는 다양한 방법에 대해 알아보세요!

js가 텍스트 상자나 다른 양식 데이터를 읽을 때 얻은 값은 두 개의 텍스트 상자 a와 b와 같이 문자열 유형입니다. a의 값이 11이고 b의 값이 9라면 .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진수 또는 모든 진수의 기타 문자열을 정수로 변환할 수 있습니다. 밑은 parInt() 메서드의 두 번째 매개 변수로 지정됩니다. 예를 들면 다음과 같습니다.

parseInt("AF", 16); //returns 175
parseInt("10", 2); //returns 2
parseInt("10", 8); //returns 8
parseInt("10", 10); //returns 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

2. 강제 유형 변환


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

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

1. Boolean(value) - 주어진 값을 Boolean 유형으로 변환합니다. 2. Number(value) - 주어진 값을 숫자로 변환합니다. 정수 또는 부동 소수점 숫자) 3. 문자열(값) - 주어진 값을 문자열로 변환합니다.

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

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의 약한 유형 특성을 활용하고 문자열에서 숫자로 유형 변환을 달성하기 위한 산술 연산만 수행합니다. 그러나 이 방법은 권장되지 않습니다.권장 관련 기사:

Js 문자열 사이에서 16진수를 서로 변환하는 방법

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

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