JavaScript中的数据类型转换

怼烎@ 2022-06-15 08:51 196阅读 0赞

# **  数据类型转换** #

## **  数值类型的转换** ##

l isNaN()函数

JS 提供了 isNaN()函数，用来判断这个值到底是不是 NaN。isNaN()函数在接收到一个值之后，会尝试将这个值转换为数值。

document.write("a"\*10);

</script>

document.write(isNaN("a"\*10)); //true

</script>

alert(isNaN(25)); //false，25 是一个数值

alert(isNaN('25')); //false，'25'是一个字符串数值，可以转成数值

alert(isNaN('Lee')); //true，'Lee'不能转换为数值

alert(isNaN(true)); //false true 可以转成成 1

l 非数值转换为数值

有 3 个函数可以把非数值转换为数值：Number()、parseInt()和 parseFloat()。Number()函数是转型函数，可以用于任何数据类型，而另外两个则专门用于把字符串转成数值。

alert(Number(true)); //1，Boolean 类型的 true 和 false 分别转换成 1 和 0

alert(Number(25)); //25，数值型直接返回

alert(Number(null)); //0，空对象返回 0

alert(Number(undefined)); //NaN，undefined 返回 NaN

如果是字符串，应该遵循一下规则：

1.只包含数值的字符串，会直接转成成十进制数值，如果包含前导 0，即自动去掉。

alert(Number('456')); //456

alert(Number('070')); //70

2.只包含浮点数值的字符串，会直接转成浮点数值，如果包含前导和后导 0，即自动去掉。

alert(Number('08.90')); //8.9

3.如果字符串是空，那么直接转成成 0。

alert(Number('')); //0

4.如果不是以上三种字符串类型，则返回 NaN。

alert(Number ('ge123'));

alert(Number ('123 ge '));

**由于 Number()函数在转换字符串时比较复杂且不够合理，因此在处理整数的时候更常用的是 parseInt()。**

alert(parsetInt('456zhen')); //456，会返回整数部分

alert(parsetInt('zhen456zhen')); //NaN，如果第一个不是数值，就返回 NaN

alert(parseInt('12zhen56zhen')); //12，从第一数值开始取，到最后一个连续数值结束

alert(parseInt('56.12')); //56，小数点不是数值，会被去掉

alert(parseInt('')); //NaN，空返回 NaN

**parseInt()除了能够识别十进制数值，也可以识别八进制和十六进制。**

alert(parseInt('0xA')); //10，十六进制

alert(parseInt('070')); //56，八进制

alert(parseInt('0xAzhen')); //10，十六进制，zhen 被自动过滤掉

**JavaScript 为 parseInt()提供了第二个参数，用于解决各种进制的转换。**

alert(parseInt('0xAF')); //175，十六进制

alert(parseInt('AF',16)); //175，第二参数指定十六进制，可以去掉  0x 前导

alert(parseInt('AF')); //NaN，理所当然

alert(parseInt('101010101',2)); //314，二进制转换

alert(parseInt('70',8)) //56，八进制转换

**parseFloat()是用于浮点数值转换的，和 parseInt()一样，从第一位解析到非浮点数值位置。**

alert(parseFloat('123zhen')); //123，去掉不是别的部分

alert(parseFloat('0xA')); //0，不认十六进制

alert(parseFloat('123.4.5')); //123.4，只认一个小数点

alert(parseFloat('0123.400')); //123.4，去掉前后导

alert(parseFloat('1.234e7')); //12340000，把科学技术法转成普通数值

## **  字符串类型的转换** ##

toString()方法可以把值转换成字符串。

<table> 
 <tbody> 
  <tr> 
   <td> <p>var box = 11;</p> <p>var box = true;</p> <p>alert(box.toString());</p> <p>alert(typeof box.toString());</p> </td> 
  </tr> 
 </tbody> 
</table>

toString()方法一般是不需要传参的，但在数值转成字符串的时候，可以传递进制参数。

<table> 
 <tbody> 
  <tr> 
   <td> <p>var box = 10;</p> <p>alert(box.toString()); //10，默认输出</p> <p>alert(box.toString(2)); //1010，二进制输出</p> <p>alert(box.toString(8)); //12，八进制输出</p> <p>alert(box.toString(10)); //10，十进制输出</p> <p>alert(box.toString(16)); //a，十六进制输出</p> </td> 
  </tr> 
 </tbody> 
</table>

随机改变页面的背景颜色：

</html>

var a=Math.ceil(Math.random()\*15).toString(16);

var b=Math.ceil(Math.random()\*15).toString(16);

var c=Math.ceil(Math.random()\*15).toString(16);

var d=Math.ceil(Math.random()\*15).toString(16);

var e=Math.ceil(Math.random()\*15).toString(16);

var f=Math.ceil(Math.random()\*15).toString(16);

var color="\#"+a+b+c+d+e+f;

document.body.bgColor=color;

</script>

如果在转型之前不知道变量是否是 null  或者 undefined 的情况下，我们还可以使用转型函数 String()，这个函数能够将任何类型的值转换为字符串。