JS中数据类型的转换

JS中数据类型的转换

什么是数据类型的转换？
就是把一个数据类型转换成一个其他的数据类型。
一：其它数据类型转换成 数值

1. Number()
   语法：Number(你要转换的变量)
   返回值：能转换的就是数字，不能转换的就是 NaN
   注意：把要转换的内容当成一个整体，能转换的就是数字，不能转换的就是 NaN ，认识小数点，还有就是需要稍微注意下 Number 它的首字母需要大写，不要写成了number。
   举例说明：

//例1：
		var s1 = '100' //我们先定义一个字符串类型的变量s1 
        var result = Number(s1) //用Number（）方法对其进行数据类型的转换，并赋值给 result
        console.log(result) //将 result 在控制台打印出来，显示的会是 100 ，但是此时的 100 是数值 100 。
        console.log(typeof result) //将转换过后的数据类型在控制台打印出来，此时我们在控制台会得到 number 说明 '100'已经被我们转换成了数值类型

//例2：
		var s2 = 'hello world' //我们定义一个字符串变量s2
		var result = Number(s2) //用Number（）方法对其进行数据类型的转换，并赋值给 result
		console.log(result) //将 result 在控制台打印出来，显示的会是 NaN ,因为转换之前它是一段文本，没有办法给你转换成一个合法的数字
		console.log(typeof result) //在控制台打印 result 的数据类型，打印结果为 number 
		

//例3：
		var s3 = 'abc123'
		var result = Number(s3)
		console.log(result) //在控制台打印出来的结果会是 NaN ，因为 Number() 的转换是将转换前的东西看成一个整体，明显 s3 这个变量整体不能转换成一个合法的数字，所以打印出来的是 NaN
		console.log(typeof result) //在控制台打印 result 的数据类型，打印结果为 number

2. parseInt()
   语法：parseInt(你要转换的变量)
   返回值：转换好的数字 或者 NaN
   注意：把你要转换的内容一位一位的看，且不认识小数点。如果第一位就不能转换成数字，直接给你 NaN 。如若第一位可以，就保留继续看第二位。第二位不能转换就到此为止了，如果可以继续看第三位。以此类推，直到结束。注意方法名中 I 是大写。
   举例说明：

//例1：
     	var s1 = 'abcd' 
     	var result = parseInt(s1)
     	console.log(result) //控制台上打印的结果为 NaN ，因为 s1 它从第一位开始就不能转换成一个合法的数字
     	console.log(typeof result) //在控制台打印 result 的数据类型，打印结果为 number

//例2：
		var s2 = '123abcd'
    	var result = parseInt(s2)
    	console.log(result) //控制台上打印的结果为 123 ，因为parseInt()方法它是一位一位的看，'123abc' 中 1 可以，2 可以，3 可以。到 a 就不行了。所以是 123
    	console.log(typeof result)//在控制台打印 result 的数据类型，打印结果为 number

//例3：
		var s3 = '123.456'
    	var result = parseInt(s3)
    	console.log(result) //控制台上打印的结果为 123 ，因为parseInt()方法不认识小数点
    	console.log(typeof result)//在控制台打印 result 的数据类型，打印结果为 number

3. parseFloat()
   与 parseInt() 的解析规则一样，但是认识小数点
   回看 parseInt() 中的例3 ，如果将 parseInt 转换成parseFloat ，则 result 的打印结果为 123.456

二：其它数据类型转换成字符串数据类型

1. String()
   语法：String(要转换的变量)
   返回值：转换好的字符串
   举例说明：

//例1：
		var n1 = 100.234
    	var result = String(n1)//把 n1 这个变量变成字符串, 把结果给到 result
   		console.log(typeof result)//在控制台打印 result 的数据类型，打印结果为 string

例2：
    	var b1 = true
    	var result = String(b1) // 转换完毕已经不是布尔 true, 不代表 真 ，就是一个 true 文本   
    console.log(typeof result) //在控制台打印 result 的数据类型，打印结果为 string

2. toString()
   语法：你要转换的变量.toString() 仔细看那里有个小数点，太小了别看漏了
   返回值：转换好的字符串
   注意：不能转换 undefined 和 null，如果你转换他们就会报错
   举例说明：

//例1：
 		var n1 = 100.23
    	var result = n1.toString() // 把 n1 转换成字符串, 把结果给到 result
    	console.log(typeof result) //在控制台打印 result 的数据类型，打印结果为 string

//例2：
 		var un
    	//因为 un 是一个 undefined, 当你使用 undefined 去执行 toString() 这个方法，程序会直接报错给你看
    	var result = un.toString()

//例3：
		var nu = null
		//因为 nu 是一个 null, 当你使用 null 去执行 toString() 方法，程序会直接报错给你看
    	var result = nu.toString()

三. 其它数据类型转换成布尔数据类型

1. Boolean()
   语法：Boolean(你要转换的变量)
   返回值：要么是 true，要么是 false
   在 JS 里面，只有五个东西转换完毕以后是 false 其他的所有都是 true ，这五个分别是：NaN，0，’ '(空字符串)，undefinde，null
   举例说明：

	var s1 = '' // 空字符串, 字符串类型
    var result1 = Boolean(s1)
    console.log(result1)
    
    var n1 = 0 // 数字0, 数值类型
    var result2 = Boolean(n1)
    console.log(result2)
    
    var n2 = NaN
    var result3 = Boolean(n2)
    console.log(result3)
    
    var un
    var result4 = Boolean(un)
    console.log(result4)
    
    var nu = null
    var result5 = Boolean(nu)
    console.log(result5)

    var s2 = '0'
    var result6 = Boolean(s2)
    console.log(result6)