Home > Web Front-end > JS Tutorial > body text

Code to convert js string into number_javascript skills

WBOY
Release: 2016-05-16 18:05:26
Original
1038 people have browsed it

There are three main methods:
conversion function, forced type conversion, and weak type conversion using js variables.
1. Conversion function:
js provides two conversion functions, parseInt() and parseFloat(). The former converts the value into an integer, and the latter converts the value into a floating point number. Only by calling these methods on the String type can these two functions run correctly; for other types, NaN (Not a Number) is returned.

Some examples are as follows:
parseInt("1234blue"); //returns 1234
parseInt("0xA"); //returns 10
parseInt("22.5"); // returns 22
parseInt("blue"); //returns NaN

The parseInt() method also has a base mode, which can convert binary, octal, hexadecimal or any other base strings into an integer. The base is specified by the second parameter of the parseInt() method. The example is as follows:
parseInt("AF", 16); //returns 175
parseInt("10", 2); //returns 2
parseInt("10", 8); //returns 8
parseInt("10", 10); //returns 10
If the decimal number contains leading 0s, then it is better to use base 10, so That way you won't accidentally get an octal value. For example:
parseInt("010"); //returns 8
parseInt("010", 8); //returns 8
parseInt("010", 10); //returns 10

The parseFloat() method is handled similarly to the parseInt() method.
Another difference in using the parseFloat() method is that the string must represent a floating point number in decimal form, and parseFloat() has no base mode.
The following is an example of using the parseFloat() method:
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. Forced type conversion
You can also use type casting to process the type of the converted value. Use a cast to access a specific value, even if it is of another type.
The three types of casts available in ECMAScript are as follows:
Boolean(value) - Convert the given value into Boolean type;
Number(value) - Convert the given value into a number (Can be an integer or floating point number);
String(value) - Convert the given value into a string.
Converting a value using one of these three functions will create a new value that stores the value directly converted from the original value. This can have unintended consequences.
The Boolean() function returns true when the value to be converted is a string, non-zero number, or object with at least one character (this will be discussed in the next section). If the value is an empty string, the number 0, undefined, or null, it returns false.
You can use the following code snippet to test Boolean type cast.
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 – mandatory type of object
Number() Conversion is handled similarly to the parseInt() and parseFloat() methods, except that it converts the entire value rather than a partial value. Examples are as follows:
Usage result
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
The last cast The method String() is the simplest, the example is as follows:
var s1 = String(null); //"null"
var oNull = null;
var s2 = oNull.toString(); // won't work, causes an error
3. Use weak type conversion of js variables
Give a small example and you will understand it at a glance.

<script> <BR>var str= '012.345 '; <BR>var x = str-0; <BR>x = x*1; <BR></script>The above example takes advantage of the weak type characteristics of js and only performs arithmetic operations to achieve type conversion from string to number. However, this method is not recommended.

Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template