<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0,minimal-ui:ios">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<link rel="stylesheet" href="">
<script src=""></script>
</head>
<script>
/*
将其他类型转换为Number
转换方式一：
使用Number()函数，使用方式与Sting()函数相同
1.如果是纯数字的字符串，则直接将其转换为数字
2.如果字符串中有非数字的内容则转换为NAN(NOT A NUMBENR)
3.如果字符串是空字符串或者是一个全是空格的字符串则转换为0
布尔 --》数字:true转换为1；false转换为0;
null --》数字：null转为数字是0
undefined --》数字：undefined转为数字是NAN
转换方式二：
这种方式专门用来转换字符串
paseInt()把一个字符串转换为整数
paseInt()方法把一个字符串中有效的整数内容取出来转换为了Number，注：遇到第一个不是整数的字符后就会不在往下找
paseFloat()把一个字符串转换为浮点数
paseFloat()方法把一个字符串中有效的浮点数内容取出来转换为了Number，注：遇到第一个不是浮点数的字符后就会不在往下找
如果对非String类型使用parseInt()或者parseFloat()方法
会先将其转换为String，parseInt()方法来取整
*/
/*
使用Number()函数转换
*/
var a = '123'
a = Number(a)//123
console.log(typeof (a), a)
var b = true
b = Number(b)//1
console.log(typeof (b), b)
var c = null
c = Number(c)//NAN
console.log(typeof (c), c)
var d = undefined
d = Number(d)//NAN
console.log(typeof (d), d)
var e = 'abc'
e = Number(e)//NAN
console.log(typeof (e), e)
var f = '1abc'
f = Number(f)//NAN
console.log(typeof (f), f)
/*
使用parseInt()和parseFloat()函数转换
*/
a2 = '100px'
a2 = parseInt(a2)//100
b2 = '-100px'
b2 = parseInt(b2)//-100
d2 = 'ab100bc'
d2 = parseInt(d2)//NAN
c2 = '100.001px'
c2 = parseFloat(c2)//100.001
e2 = '-100.001px'
e2 = parseFloat(e2)//-100.001
g = 123.234
g = parseInt(g)//123
console.log(typeof (a2), a2)
console.log(typeof (b2), b2)
console.log(typeof (c2), c2)
console.log(typeof (d2), d2)
console.log(typeof (e2), e2)
console.log(typeof (g), g)
</script>
</html>
