JS中的数据类型转换

数据类型转换

1、什么是数据类型转换？

简单来说就是把一个数据类型转换成其他数据类型。 比如: 将String类型转换为Number类型, 将Number类型转换为Boolean类型… …

2、变量的数据类型转换分为两种

隐式转换：JS会根据运算符自动帮我们将数据类型转换成能够进行计算的类型。

强制转换：我们强制将数据类型转换成我们想要的类型

变量的数据类型转换，一般情况是JS自动转换的(隐式转换)，但也有些时候需要手动强制转换(强制转换)。

隐式数据类型转换：

第一种情况：

1.字符串加数字,数字就会转成字符串。

2.数字减字符串，字符串转成数字。如果字符串不是纯数字就会转成NaN。字符串减数字也一样。两个字符串相减也先转成数字。

3.乘，除，大于，小于跟减的转换也是一样。

例子：     
console.log(10+'20') //1020
console.log(10-'20')//-10 number
console.log(10-'one') //NaN not a number
console.log(10-'101a') //NaN
console.log(10*'20') //200 number
console.log('10'*'20') //200 number
console.log(20/'10') //2 number
console.log('20'/'10') //2 number
console.log('20'/'one') //NaN

第二种情况：

1.undefined等于null

2.字符串和数字比较时，字符串转数字

3.数字为布尔比较时，布尔转数字

4.字符串和布尔比较时，两者转数字

例子：
console.log(undefined==null) //true
console.log('0'==0) //true 字符串转数字
console.log(0==false) //true 布尔转数字
console.log('0'==false) //2个都转成数字

强制数据类型转换:

1、其他类型转成布尔型

	可以使用Boolean()全局函数，强制转成布尔型

2、其他类型转成字符型

	可以使用String()全局函数，强制转成字符型

3、其他类型转成数值型

	可以使用Number()全局函数，强制转成数值型

	注：全局函数或系统函数，是JS内置的函数，名称或大小写必须一致

数据类型转换注意点总结

注意点1：当咱们把在字符串里面不是纯数字的字符转成数值类型时，由于不是纯数字的原因转换不了，因此给咱们一个NaN（非数字）作为提示
注意点2：把布尔类型true转成数值类型结果是1，false结果是0
注意点3：把未定义转成数值类型结果是NaN，把空类型转成数值类型结果是0
注意点4：把0和NaN转成布尔类型结果是false，其他的结果是true
注意点5：把空字符串转成布尔类型结果是false，其他的是true
注意点6：把未定义和空类型转成布尔类型结果都是false

概况代码如下：

<script>
        // NaN == NaN false

        // typeof typeof typeof 10
        // console.log(typeof typeof typeof 10)

        // console.log(typeof 10) // number

        // console.log(typeof typeof 10) // string

        // console.log(typeof 'number') // string

        // undefined == null  //true
        // console.log(undefined == null)
        // console.log(false == false)

        // 注意点：NaN本身就是number类型，两个等号比较的时候，会默认转成相同的类型，但是NaN和NaN比较的时候类型是一样的
        // console.log(Number('10px'))
        // console.log(Number('hello'))


    </script>

详细书写如下：

Number（） 可以把其他的数据类型转成数值类型

注意点1：当咱们把在字符串里面不是纯数字的字符转成数值类型时，由于不是纯数字的原因转换不了，因此给咱们一个NaN（非数字）作为提示

注意点2：把布尔类型true转成数值类型结果是1，false结果是0

注意点3：把未定义转成数值类型结果是NaN，把空类型转成数值类型结果是0

代码如下：

<script>
        // Number() 可以把其他的数据类型转成数值类型
        // 注意点1：当咱们把在字符串里面不是纯数字的字符转成数值类型时，由于不是纯数字的原因转换不了，因此给咱们一个NaN（非数字）作为提示

        // 把字符串转成数值类型
        // var data = '10'
        // var data = '10px'
        // var data = 'hello'
        // var data = '呵呵'
        // console.log('原先的值：', data)
        // console.log('原先的值的类型：', typeof data)
        // console.log('---------')
        // var res = Number(data)
        // console.log('转换后的值', res)
        // console.log('转换后的值的类型', typeof res)


        // 把布尔值转成数值类型
        // 注意点2：把布尔类型true转成数值类型结果是1，false结果是0
        // var data = true
        // var data = false
        // console.log('原先的值：', data)
        // console.log('原先的值的类型：', typeof data)
        // console.log('---------')
        // var res = Number(data)
        // console.log('转换后的值', res)
        // console.log('转换后的值的类型', typeof res)


        // 把未定义和空类型转成数值类型
        // 注意点3：把未定义转成数值类型结果是NaN，把空类型转成数值类型结果是0
        // var data = undefined
        // var data = null
        // console.log('原先的值：', data)
        // console.log('原先的值的类型：', typeof data)
        // console.log('---------')
        // var res = Number(data)
        // console.log('转换后的值', res)
        // console.log('转换后的值的类型', typeof res)

        // var num1 = Number(prompt('请输入一个数字？'))
        // var num2 = Number(prompt('请输入一个数字？'))
        // console.log(num1 + num2)
        // console.log(num1)
        // console.log(typeof num1)

        // var num1 = prompt('请输入一个数字？')
        // var num2 = prompt('请输入一个数字？')
        // console.log(Number(num1) + Number(num2))

        // 面试题：NaN == NaN
        console.log(NaN == NaN) 
        console.log(NaN === NaN)


    </script>

String()和toString

String（）把其他的数据类型转成字符串类型

toString() 把其他的数据类型转成字符串类型，可以转进制

<script>
        // String() 把其他的数据类型转成字符串类型

        // 把数值类型转成字符串类型
        // var data = 10
        // var data = NaN
        // var data = Infinity
        // console.log('原先的值：', data)
        // console.log('原先的值的类型：', typeof data)
        // console.log('---------')
        // var res = String(data)
        // console.log('转换后的值', res)
        // console.log('转换后的值的类型', typeof res)


        // 把布尔类型转成字符串类型
        // var data = true
        // var data = false
        // console.log('原先的值：', data)
        // console.log('原先的值的类型：', typeof data)
        // console.log('---------')
        // var res = String(data)
        // console.log('转换后的值', res)
        // console.log('转换后的值的类型', typeof res)


        // 把未定义和空类型转成字符串类型
        // var data = undefined
        // var data = null
        // console.log('原先的值：', data)
        // console.log('原先的值的类型：', typeof data)
        // console.log('---------')
        // var res = String(data)
        // console.log('转换后的值', res)
        // console.log('转换后的值的类型', typeof res)

        // toString() 把其他的数据类型转成字符串类型，可以转进制
        var data = 10
        // var res = data.toString(2)
        var res = data.toString(16)
        console.log(res)

    </script>

Boolean() 把其他数据类型转成布尔类型

注意点1：把0和NaN转成布尔类型结果是false，其他的结果是true

注意点2：把空字符串转成布尔类型结果是false，其他的是true

注意点3：把未定义和空类型转成布尔类型结果都是false

<script>
        // Boolean() 把其他数据类型转成布尔类型
        
        // 把数值类型转成布尔类型
        // 注意点1：把0和NaN转成布尔类型结果是false，其他的结果是true
        // var data = 10
        // var data = -1
        // var data = 0
        // var data = NaN
        // var data = Infinity
        // console.log('原先的值：', data)
        // console.log('原先的值的类型：', typeof data)
        // console.log('---------')
        // var res = Boolean(data)
        // console.log('转换后的值', res)
        // console.log('转换后的值的类型', typeof res)


        // 把字符串转成布尔类型
        // 注意点2：把空字符串转成布尔类型结果是false，其他的是true
        // var data = '10'
        // var data = 'hello'
        // var data = '0'
        // var data = ' '
        // var data = ''
        // console.log('原先的值：', data)
        // console.log('原先的值的类型：', typeof data)
        // console.log('---------')
        // var res = Boolean(data)
        // console.log('转换后的值', res)
        // console.log('转换后的值的类型', typeof res)


        // 把未定义和空类型转成布尔类型
        // 注意点3：把未定义和空类型转成布尔类型结果都是false
        // var data = undefined
        var data = null
        console.log('原先的值：', data)
        console.log('原先的值的类型：', typeof data)
        console.log('---------')
        var res = Boolean(data)
        console.log('转换后的值', res)
        console.log('转换后的值的类型', typeof res)

    </script>