In JS, parseint () and parsefloat (), number (), Boolean (), string () are converted.

Source: Internet
Author: User
Tags type casting

There are three main methods for js to convert strings to numeric values.

Conversion functions, forced type conversion, and weak type conversion using JS variables.

1. conversion functions:

JS provides two conversion functions: parseint () and parsefloat. The former converts the value to an integer, and the latter converts the value to a floating point number. The two functions can run correctly only when these methods are called for the string type. Nan (not a number) is returned for other types ).

Before determining whether a string is a numeric value, parseint () and parsefloat () will carefully analyze the string.

Parseint ()The method first checks the character at the position 0 and determines whether it is a valid number. If not, the method returns Nan and does not continue to perform other operations. However, if the character is a valid number, this method will view the characters at position 1 and perform the same test. This process continues until a non-valid number is found. At this time, parseint () converts the string before this character into a number.

For example, if you want to convert the string "1234 blue" to an integer, parseint () returns 1234 because the detection process stops when it detects character B.

The number literal in the string is correctly converted to a number, so the string "0xa" is correctly converted to a number 10.

However, the string "22.5" is converted to 22 because the decimal point is invalid for integers.

Some examples are as follows:

JS Code

  1. Parseint ("1234 blue"); // returns 1234
  2. Parseint ("0xa"); // returns 10
  3. Parseint ("22.5"); // returns 22
  4. Parseint ("blue"); // returns Nan

The parseint () method also has the base mode, which can convert binary, octal, hexadecimal, or any other hexadecimal string to an integer.

The base is specified by the second parameter of the parseint () method. to parse the hexadecimal value, you need to call the parseint () method as follows:

JS Code
  1. Parseint ("af", 16); // returns 175



Of course, for binary, octal, or even decimal (default mode), you can call the parseint () method as follows:

JS Code
  1. Parseint ("10", 2); // returns 2
  2. Parseint ("10", 8); // returns 8
  3. Parseint ("10", 10); // returns 10



If the decimal number contains the leading 0, it is best to use base 10 to avoid unexpected octal values. For example:

JS Code
  1. Parseint ("010"); // returns 8
  2. Parseint ("010", 8); // returns 8
  3. Parseint ("010", 10); // returns 10



In this Code, both lines of code parse the string "010" into a number. The first line of code regards this string as the octal value. The method for parsing this string is the same as that of the second line of code (The Declaration base is 8. The last line of Code declares that the base number is 10, so inum3 is equal to 10 at last.

Parsefloat ()The method is similar to the parseint () method. You can view each character from position 0 until the first invalid character is found, then, convert the string before the character to a number.

However, for this method, the first decimal point is a valid character. If there are two decimal points, the second decimal point is considered invalid. The parsefloat () method converts the string before the decimal point to a number. This means that the string "22.34.5" will be parsed to 22.34.



Another difference in using parsefloat () Is that a string must represent a floating point in decimal format, rather than octal or hexadecimal format.

This method will ignore the leading 0, so the number of octal errors 0908 will be parsed to 908. For the hexadecimal number 0xa, this method returns Nan because X is not a valid character in the floating point number.

In addition, parsefloat () does not have a base mode.

The following is an example of using parsefloat:

JS Code
  1. Parsefloat ("1234 blue"); // returns 1234.0
  2. Parsefloat ("0xa"); // returns Nan
  3. Parsefloat ("22.5"); // returns 22.5
  4. Parsefloat ("22.34.5"); // returns 22.34
  5. Parsefloat ("0908"); // returns 908
  6. Parsefloat ("blue"); // returns Nan

2. Forced type conversion

You can also use type casting to process the type of the converted value. You can use forced type conversion to access a specific value, even if it is another type.



The three types of mandatory conversions available in ecmascript are as follows:


Boolean (value)-- Converts a given value to a Boolean value;

Number (value)-- Converts a given value to a number (which can be an integer or a floating point number );

String (value)-- Converts a given value to a string.



Use one of the three functions to convert a value and store the value directly converted from the original value. This will cause unexpected consequences.

When the value to be converted is a string with at least one character, a non-zero number, or an object (This will be discussed in the next section,Boolean ()The function returns true. If the value is a Null String, number 0, undefined, or null, it returns false.

You can use the following code snippet to test the forced type conversion of the boolean type.

JS Code

  1. Boolean (""); // false-empty string
  2. Boolean ("hi"); // true-non-empty string
  3. Boolean (100); // true-non-zero number
  4. Boolean (Null); // False-Null
  5. Boolean (0); // false-zero
  6. Boolean (NewObject (); // true-Object

Number ()The forced type conversion of is similar to the processing method of parseint () and parsefloat (), but it only converts the entire value instead of the partial value.

Do you still remember that the parseint () and parsefloat () methods only convert strings before the first invalid character, so "4.5.6" will be converted to "4.5 ".

Use number () for forced type conversion. "4.5.6" will return Nan because the entire string value cannot be converted to a number.

If the string value can be fully converted, number () determines whether to call the parseint () method or the parsefloat () method.

The following table describes how to call the number () method for different values:

Usage result

JS Code
  1. Number (False) 0
  2. Number (True) 1
  3. Number (undefined) Nan
  4. Number (Null) 0
  5. Number ("5.5") 5.5
  6. Number ("56") 56
  7. Number ("5.6.7") Nan
  8. Number (NewObject () Nan
  9. No. (100) 100

Last forced type conversion methodString ()Is the simplest, because it can convert any value into a string.

To perform this forced type conversion, you only need to call the tostring () method of the value passed as the parameter, that is, convert 1 to "1" and convert true to "true ", convert false to "false", and so on.

The only difference between forced conversion to a string and calling the tostring () method is that forced type conversion to a null or undefined value can generate a string without sending an error:

JS Code

  1. VaRS1 = string (Null); // "Null"
  2. VaROnull =Null;
  3. VaRS2 = onull. tostring (); // won't work, causes an error

3. Weak type conversion using JS Variables

Let's take a small example. At first glance, we will understand.

JS Code
  1. <SCRIPT>
  2. VaRSTR =
    '012. 123 ';
  3. VaRX = str-0;
  4. X = x * 1;
  5. </SCRIPT>

In the previous example, the weak type of JS is used, and only arithmetic operations are performed to convert the string type to the number type. However, this method is not recommended.

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.