JS获取变量数据类型/字面量/数据类型转换

258 阅读1分钟

本文已参与「新人创作礼」活动,一起开启掘金创作之路。

获取变量数据类型

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>