码迷,mamicode.com
首页 > 其他好文 > 详细

0098 数据类型转换 之 转为数字: parseInt 、 parseFloat 、Number()、隐式转换

时间:2020-01-01 13:46:49      阅读:83      评论:0      收藏:0      [点我收藏+]

标签:javascrip   算数运算   浮点数   自动   alert   截断   现在   用户   四舍五入   

8.4.2.转换为数字型(重点)

  • 注意 parseInt 和 parseFloat 单词的大小写,这2个是重点 【parseInt:取整,取以数字开头的对象的开头的数字;不四舍五入,直接截断;参数是非数字开头的对象,结果是NaN。】
  • 隐式转换是我们在进行算数运算的时候,JS 自动转换了数据类型

技术图片

        // var age = prompt('请输入您的年龄');
        // 1. parseInt(变量)  可以把 字符型的转换为数字型 得到是整数
        // console.log(parseInt(age));
        console.log(parseInt('3.14')); // 3 取整
        console.log(parseInt('3.94')); // 3 取整
        console.log(parseInt('120px')); // 120 会去到这个px单位
        console.log(parseInt('rem120px')); // NaN
        // 2. parseFloat(变量) 可以把 字符型的转换为数字型 得到是小数 浮点数
        console.log(parseFloat('3.14')); // 3.14
        console.log(parseFloat('120px')); // 120 会去掉这个px单位
        console.log(parseFloat('rem120px')); // NaN,发现开头不是数字
        // 3. 利用 Number(变量) 
        var str = '123';
        console.log(Number(str));
        console.log(Number('12'));
        // 4. 利用了算数运算 -  *  /  隐式转换
        console.log('12' - 0); // 12
        console.log('123' - '120');
        console.log('123' * 1);
        demo:计算年龄
        // 弹出一个输入框(prompt),让用户输入出生年份 (用户输入)
        // 把用户输入的值用变量保存起来,然后用今年的年份减去变量值,结果就是现在的年龄  (程序内部处理)
        // 弹出警示框(alert) , 把计算的结果输出 (输出结果)
        var year = prompt('请您输入您的出生年份');
        var age = 2018 - year; // year 取过来的是字符串型  但是这里用的减法 有隐式转换
        alert('您今年已经' + age + '岁了');
        demo:简单加法计算器
        // 先弹出第一个输入框,提示用户输入第一个值  保存起来
        // 再弹出第二个框,提示用户输入第二个值  保存起来
        // 把这两个值相加,并将结果赋给新的变量(注意数据类型转换)  
        // 弹出警示框(alert) , 把计算的结果输出 (输出结果)
        var num1 = prompt('请您输入第一个值:');
        var num2 = prompt('请您输入第二个值:');
        var result = parseFloat(num1) + parseFloat(num2);
        alert('您的结果是:' + result);

0098 数据类型转换 之 转为数字: parseInt 、 parseFloat 、Number()、隐式转换

标签:javascrip   算数运算   浮点数   自动   alert   截断   现在   用户   四舍五入   

原文地址:https://www.cnblogs.com/jianjie/p/12128568.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!