Javascript类型转换的规则实例解析

标题：Javascript类型转换的规则实例解析

JavaScript类型转换

在JavaScript中，类型转换是非常常见的操作，在进行类型转换时可能会涉及自动类型转换和强制类型转换两种方式。

自动类型转换

自动类型转换是JavaScript中的一种默认行为，在运行代码时，如果需要把一个数据类型赋值给另外一个数据类型时，JavaScript会自动进行类型转换。

在JavaScript中，数据类型有两种：原始数据类型和引用数据类型。原始数据类型包括：数值(number)，字符串(string)，布尔值(boolean)，null和undefined。引用数据类型包括：对象(object)，数组(array)，函数(function)。

JavaScript中的自动类型转换大多是原始数据类型之间的转换。

数值转换

• 非数值型字符串转为数值时，结果为NaN：

Number("hello") // NaN

• 布尔值的true转化为1，false转化为0

Number(true) // 1
Number(false) // 0

• null转化为0

Number(null) // 0

• undefined转化为NaN

Number(undefined) // NaN

字符串转换

• 数值转化为字符串

String(123) // "123"

• 布尔值转化为字符串

String(true) // "true"

• null和undefined转化为字符串

String(null) // "null"
String(undefined) // "undefined"

强制类型转换

强制类型转换是开发人员通过代码来实现的，可以通过一些特定的方法来实现类型之间的转换，主要有以下三种：

Number()

将字符串转化为数值类型。如果字符串中包含非数字字符，则转换结果为NaN。如果字符串以0x或0X开头，则被认为是十六进制数字字符串；如果是以0开头，则认为是八进制数字字符串（在ECMAScript 5严格模式下被禁止）。

Number('123') // 123
Number('-123') // -123
Number('hello') // NaN

parseInt()和parseFloat()

parseInt()、parseFloat()可以把字符串转化为数字，不同的是，parseInt()只能把字符串转化为整数，而parseFloat()可以把字符串转化为浮点数。

parseInt("123") // 123
parseFloat("123.45") // 123.45

String()

将数字类型转化为字符串类型。在实际使用中，我们经常会用到+号来进行字符串拼接，但是+号有时会带来一些不必要的麻烦，因此可以使用String()来将数字转化为字符串。

String(123) // "123"

示例

示例1：字符串和数字类型的转换

当字符串和数字类型进行运算时，JavaScript会将字符串通过自动类型转换成数字类型，进而进行运算。例如：

var a = "3";
var b = a + 5; // 等价于 "3" + "5"，结果为 "35"

示例2：利用+号进行隐式转换

在JavaScript中使用+号来连接字符串时，也会进行类型转换，例如：

var str = "hello, " + 123; // 将数值类型的123转化为字符串类型
console.log(str); // 输出 hello, 123

结论

JavaScript中的类型转换存在自动类型转换和强制类型转换两种方式，开发者要根据具体情况在实际编程中灵活使用，以避免类型转换产生的错误。