应用场景
当表单输入框需要输入 年龄 时,用户可能因为 手误,填 负数 或 大于 150 的数字,这些都是不合理的
就需要 校验,从输入框取出值,此时该值是 string 型,要做 大于0,小于150 的比较,就需要转成 number 型
案例
string 转 整型
<script>
var a = 123 // number类型
var b = "123" // 字符串类型
console.log( "a=",a)
console.log( "b=",b) // 从控制台输出结果看,没有区别
/*
* number类型可以做数学运算,+、-、*、/
* string肯定不能丛数学运算
*/
console.log( " a + 1 的结果:", a + 1) // 因为变量 a的值是 数字 123,所以结果是 123+1=124
console.log( " b + 1 的结果:", b + 1) // 因为变量 b的值是 字符串 "123",此时 + 表示连接符,"123" + 1 = 1231
var bInt= parseInt(b) // 将 字符串类型的变量b的值,转换成 int型
console.log("b = ",b)
console.log("bInt = ",bInt) //从打印结果上看与b相同
console.log( " b + 1 的结果:", b + 1)
console.log( " bInt + 1 的结果:", bInt + 1)
</script>
string 转 浮点型型
<script>
var height = "1.82"
var heightFloat = parseFloat(height)
console.log(" height =",height)
console.log(" heightFloat =",heightFloat)
console.log(" height+0.1 =",height + 0.1)
console.log(" heightFloat+0.1 =",heightFloat + 0.1)
var age = "20"
var ageNum = Number(age) // 相对用的少
console.log("ageNum + 1 = " ,ageNum + 1)
</script>