zoukankan      html  css  js  c++  java
  • 0098 数据类型转换 之 转为数字: parseInt 、 parseFloat 、Number()、隐式转换

    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);
    
  • 相关阅读:
    腾讯2面
    腾讯1面
    快手2面
    快手1面
    formData+ajax文件上传
    nginx限流&健康检查
    jvm crash分析
    Spring Cloud Gateway整合Eureka
    k8s-应用部署
    dockerfile-maven plugin自动镜像制作并发布
  • 原文地址:https://www.cnblogs.com/jianjie/p/12128568.html
Copyright © 2011-2022 走看看