本文已参与「新人创作礼」活动,一起开启掘金创作之路。
获取变量数据类型
3.1获取检测变量的数据类型
-
typeof可用来获取检测变量的数据类型
字面量
字面量是在源码中一个固定值的表示方法,通俗来说,就是字面量表示如何表达这个值。
数字字面量:8,9,10 *
字符串面量:‘黑马程序员’,“大前端” * 布尔字面量:true,false
<script>
console.log(18);
console.log('18');
console.log(true);
console.log(undefined);
console.log(null);
</script>
数据类型转换
4.1什么是数据类型转换
使用表单、prompt获取过来的数据默认是字符串类型的,此时就不能直接简单的进行加法运算,
而需要转换变量的是数据类型。通俗来说,就是 把一种数据类型的变量转换成另一种数据类型。
我们通常会实现3中方式的转换:
转换为字符串类型
转换为数字型
转换为布尔型
4.2转换为字符串
tostring()和String使用方式不一样
三种转换方式,我们更喜欢用第三种加号拼接字符串转换方式,这一种方式也称之为隐式转换。
代码案例:
1.把数字型转换为字符型 变量.tostring()
<script>
//1.把数字型转换为字符型 变量.tostring()
var num = 10;
var str = num.toString();
console.log(str);
console.log(typeof str);
//2.我们利用string(变量)
console.log(String(num));
//3.利用 + 拼接字符串的方法实现转换效果
console.log(num + '');
</script>
4.3转换为数字型(重点)
注意parselnt和parseFloat单词的大小写,这2个是重点
隐式转换是我们在进行算术运算的时候,JS自动转换了数据类型
<script>
// 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);
</script>