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);