JavaScript -- 基本数据类型转换

130 阅读2分钟

持续创作,加速成长!这是我参与「掘金日新计划 · 6 月更文挑战」的第18天,点击查看活动详情

前言

在日常开发中,会遇见数据类型转换。本文就记录了JavaScript 基本数据类型转换。

转数字

其他类型值转为数字类型

使用Number()可以将其他类型值转为数字类型。

	Number('123') 		//123
	Number('123.4') 	//123.4
	Number('0123')		//123
	Number('5e3')		//5000
	Number('0xb')		//11
	Number('123个')		//NaN
	Number(true)		//1
	Number(false)		//0
	Number(null)		//0
	Number(undefined)	//NaN

字符串转为整数

使用parseInt()可以将字符串转为整数。

   parseInt('12.34')	//12
   parseInt('9.999')	//9   直接取整,不会四舍五入
   parseInt('12.34个')	//12
   parseInt('苹果有5个')	//NaN

字符串转为小数

使用parseFloat()可以将字符串转为小数。

   parseFloat('12.34')	//12.34
   parseFloat('1.11')	//1.11
   parseFloat('12.34个')//12.34
   parseFloat('苹果有5个')//NaN

转字符串

String()

科学计数法,和非十进制数会转成十进制的值。

   String(123)		//'123'
   String(123.4) 	//'123.4'
   String(NaN)		//'NaN'
   String(3E5) 		//'300000'
   String(0XA)		//'10'

toString()

除null、undefined外,几乎所有值都有toString()方法。

   var a = 123;
   a.toString();  	//'123'

转布尔值

Boolean()

数字转布尔值

除0和NaN为false,其余数字均为true。

   Boolean(0)  		//false
   Boolean(NaN)   	//false
   Boolean(9999) 	//true
   Boolean(Infinity)  //true

字符串转布尔值

除空字符串为false,其余均为true。

   Boolean('')  		//false
   Boolean('abc') 	    //true
   Boolean('false')    //true
   Boolean('true')     //true

null、undefined转布尔值

null、undefined转布尔值为false。

   Boolean(null) 	 //false
   Boolean(undefined)  //false

总结

转数字

使用Number()可以将其他类型值转为数字类型。

使用parseInt()可以将字符串转为整数。

使用parseFloat()可以将字符串转为小数。

转字符串

使用toString()、String()可以将科学计数法,和非十进制数会转成十进制的值。

转布尔值

使用Boolean(),数字转布尔值:除0和NaN为false,其余数字均为true。

本文到此结束

如果大家还有什么其他想法,欢迎在评论区交流!