JavaScript基础10——获取数据类型、类型转换

news2025/1/19 14:32:51

哈喽，大家好，我是雷工。
现如今知识大爆炸，到处都有海量的知识，常常见了就收藏，把网盘塞得满满的，却从来没有看过。
收藏起来装到网盘里并没有什么软用，要把知识装到脑袋里才行。
从几分钟开始，今天接着学习JavaScript基础知识，下面是学习笔记。

一、获取数据类型

1、控制台输出语句：
示例：

<script>
        let age = 28
        let myName = '雷工'
        let flag = true
        let eat
        console.log(age)
        console.log(myName)
        console.log(flag)
        console.log(eat)
</script>

效果：
在这里插入图片描述

1.1、控制台语句经常用于测试结果
1.2、从效果图中可以看出数字型和布尔型颜色为蓝色，字符串和undefined颜色为灰色。

2、通过typeof关键字获取数据类型
typeof 关键字可以返回被检测的数据类型。它支持两种语法形式：
2.1、作为运算符：typeof x(常用的写法）
2.2、函数形式：typeof（x）
有括号和没有括号，得到的结果是一样的，SO我们直接使用运算符的写法。
示例：

<script>
        let age = 28
        let myName = '雷工'
        let flag = true
        let eat
        console.log(typeof age)
        console.log(typeof myName)
        console.log(typeof flag)
        console.log(typeof eat)
</script>

效果：
在这里插入图片描述

二、类型转换

1、为啥要类型转换
JS是弱数据类型：JS也不知道变量到底属于何种类型，只有赋值了才知道。
问题：使用表单、prompt获取过来的数据默认是字符串类型的，此时不能够直接进行加法运算否则容易出错。
示例：
console.log(‘10000’+‘2000’) //输出结果：100002000
应用场景：由于数据类型导致的计算结果异常错误，那么需要进行数据类型转换。

2、隐式转换

2.1、某些运算符在被执行的时候，系统内部会自动将数据类型进行转换，这种转换称为隐式转换。

2.2、隐式转换规则：
2.2.1、+号两边只要有一个是字符串，都会把另外一个转换成字符串。
2.2.2、除了+号以外的其他算术运算符，比如－ * / 等都会把数据转换成数字类型。

2.3、隐式转换缺点
转换类型不明确，要靠经验和平常总结。

2.4、记忆技巧
2.4.1、+号作为正号解析可以转换成数字型。
2.4.2、任何数据和字符串相加结果都是字符串。

示例：
在这里插入图片描述