JavaScript类型转换规则

Posted 2020-10-04 Candy-Yao

注：javascript相对于其他强类型（如c,c++,java，定义变量的同时申明变量类型）语言来说，是弱类型和松散型（在定义的时候不需要申明变量类型，在使用的时候才赋值给她什么类型就是什么类型。所以，JavaScript中的变量类型也是动态改变的）。

var n=88; //首先定义变量n,并初始化为88（整数型）
n="Hello World!"; //此时，变量被赋值一串字符，自然变量n为（字符串型）
n={}; //此时，变量被赋值为对象，自然变量n为（对象型）
注意：在实际开发中，不建议频繁动态改变变量类型

一、显式转换

　　1.ParseInt（string,radix）其中：string是必填参数（被转换字符串）；radix基数用来限制想要转的进制数（2~36之间），若radix省略或为0（表示十进制），若“OX”或“Ox”则为十六进制，超出2~36则返回NAN（非数值Not a Number）。

parseInt("hello CSSer!"); //NaN
parseInt("0x8"); //8
parseInt(""); //NaN
parseInt("020dd"); //20
parseInt("070"); //70
parseInt("22.5"); //22

　　2.Number（string）若参数是Date对象，则返回至今的毫秒数；若参数无法转换为数字，则返回NaN。

<script type="text/javascript">

var test1= new Boolean(true); //若为布尔值true，则返回1
var test2= new Boolean(false); //若为布尔值false，则返回0
var test3= new Date(); //若为Date对象，则返回至今的毫秒数
var test4= new String("999"); //若为只包含数字的字符串，则返回数字本身
var test5= new String("999 888"); //若字符串中包含空格等，则返回NaN
var test6= new String(""); //若为空（null），则返回0

document.write(Number(test1)+ "<br />");
document.write(Number(test2)+ "<br />");
document.write(Number(test3)+ "<br />");
document.write(Number(test4)+ "<br />");
document.write(Number(test5)+ "<br />");
document.write(Number(test6)+ "<br />");

</script>
输出结果：
1
0
1256657776588
999
NaN
0

　　3.ParseFloat（）将字符串转换为浮点数类型。

parseFloat 将它的字符串参数解析成为浮点数并返回。如果在解析过程中遇到了正负号（+ 或 -）、数字 (0-9)、小数点，或者科学记数法中的指数（e 或 E）以外的字符，则它会忽略该字符以及之后的所有字符，返回当前已经解析到的浮点数。同时参数字符串首位的空白符会被忽略。

如果参数字符串的第一个字符不能被解析成为数字，则 parseFloat 返回 NaN。

注释：开头和结尾的空格是允许的。

提示：如果字符串的第一个字符不能被转换为数字，那么 parseFloat() 会返回 NaN。

　　4.toString() 方法可把一个 Number 对象转换为一个字符串，并返回结果。

语法：NumberObject.toString(radix)。

radix可选。规定表示数字的基数，使 2 ~ 36 之间的整数。若省略该参数，则使用基数 10。但是要注意，如果该参数是 10 以外的其他值，则 ECMAScript 标准允许实现返回任意值。

<script type="text/javascript">

var number = new Number(1337);
document.write (number.toString())

</script>

输出：
1337

　　二、隐式转换

在某些情况下，即使我们不提供显示转换，Javascript也会进行自动类型转换，主要情况有：

　　1. 用于检测是否为非数值的函数：isNaN(mix)

isNaN()函数，经测试发现，该函数会尝试将参数值用Number()进行转换，如果结果为“非数值”则返回true，否则返回false。

　　2. 递增递减操作符（包括前置和后置）、一元正负符号操作符

这些操作符适用于任何数据类型的值，针对不同类型的值，该操作符遵循以下规则（经过对比发现，其规则与Number()规则基本相同）：

1.如果是包含有效数字字符的字符串，先将其转换为数字值（转换规则同Number()），在执行加减1的操作，字符串变量变为数值变量。

2.如果是不包含有效数字字符的字符串，将变量的值设置为NaN，字符串变量变成数值变量。

3.如果是布尔值false，先将其转换为0再执行加减1的操作，布尔值变量编程数值变量。

4.如果是布尔值true，先将其转换为1再执行加减1的操作，布尔值变量变成数值变量。

5.如果是浮点数值，执行加减1的操作。

6.如果是对象，先调用对象的valueOf()方法，然后对该返回值应用前面的规则。如果结果是NaN，则调用toString()方法后再应用前面的规则。对象变量变成数值变量。

小测验：

分别对以下类型的值执行后置递增操作，结果是什么？

“2″, ”02dd”, ”", false, 22.5, +”", -false, +new Date()

　　3. 加法运算操作符

加号运算操作符在Javascript也用于字符串连接符，所以加号操作符的规则分两种情况：

?如果两个操作值都是数值，其规则为：

1.如果一个操作数为NaN，则结果为NaN

2.如果是Infinity+Infinity，结果是Infinity

3.如果是-Infinity+(-Infinity)，结果是-Infinity

4.如果是Infinity+(-Infinity)，结果是NaN

5.如果是+0+(+0)，结果为+0

6.如果是(-0)+(-0)，结果为-0

7.如果是(+0)+(-0)，结果为+0

?如果有一个操作值为字符串，则：

1.如果两个操作值都是字符串，则将它们拼接起来

2.如果只有一个操作值为字符串，则将另外操作值转换为字符串，然后拼接起来

3.如果一个操作数是对象、数值或者布尔值，则调用toString()方法取得字符串值，然后再应用前面的字符串规则。对于

undefined和null，分别调用String()显式转换为字符串。

可以看出，加法运算中，如果有一个操作值为字符串类型，则将另一个操作值转换为字符串，最后连接起来。

　　4. 乘除、减号运算符、取模运算符

这些操作符针对的是运算，所以他们具有共同性：如果操作值之一不是数值，则被隐式调用Number()函数进行转换。具体每一种运算的详细规则请参考ECMAScript中的定义。

　　5. 逻辑操作符（!、&&、||）

逻辑非（！）操作符首先通过Boolean()函数将它的操作值转换为布尔值，然后求反。

逻辑与（&&）操作符，如果一个操作值不是布尔值时，遵循以下规则进行转换：

1.如果第一个操作数经Boolean()转换后为true，则返回第二个操作值，否则返回第一个值（不是Boolean()转换后的值）

2.如果有一个操作值为null，返回null

3.如果有一个操作值为NaN，返回NaN

4.如果有一个操作值为undefined，返回undefined

逻辑或（||）操作符，如果一个操作值不是布尔值，遵循以下规则：

1.如果第一个操作值经Boolean()转换后为false，则返回第二个操作值，否则返回第一个操作值（不是Boolean()转换后的值）

2.对于undefined、null和NaN的处理规则与逻辑与（&&）相同

　　6. 关系操作符（<, >, <=, >=）

与上述操作符一样，关系操作符的操作值也可以是任意类型的，所以使用非数值类型参与比较时也需要系统进行隐式类型转换：

1.如果两个操作值都是数值，则进行数值比较

2.如果两个操作值都是字符串，则比较字符串对应的字符编码值

3.如果只有一个操作值是数值，则将另一个操作值转换为数值，进行数值比较

4.如果一个操作数是对象，则调用valueOf()方法（如果对象没有valueOf()方法则调用toString()方法），得到的结果按照前面的

规则执行比较

5.如果一个操作值是布尔值，则将其转换为数值，再进行比较

注：NaN是非常特殊的值，它不和任何类型的值相等，包括它自己，同时它与任何类型的值比较大小时都返回false。

　　7. 相等操作符（==）

相等操作符会对操作值进行隐式转换后进行比较：

1.如果一个操作值为布尔值，则在比较之前先将其转换为数值

2.如果一个操作值为字符串，另一个操作值为数值，则通过Number()函数将字符串转换为数值

3.如果一个操作值是对象，另一个不是，则调用对象的valueOf()方法，得到的结果按照前面的规则进行比较

4.null与undefined是相等的

5.如果一个操作值为NaN，则相等比较返回false

6.如果两个操作值都是对象，则比较它们是不是指向同一个对象