JavaScript教程:string字符串型 转成 number数字型

应用场景

当表单输入框需要输入 年龄 时,用户可能因为 手误,填 负数 或 大于 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>

原文出处:/show_1IX39iTS8SFM.html