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

哈喽,大家好,我是雷工。
现如今知识大爆炸,到处都有海量的知识,常常见了就收藏,把网盘塞得满满的,却从来没有看过。
收藏起来装到网盘里并没有什么软用,要把知识装到脑袋里才行。
从几分钟开始,今天接着学习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、任何数据和字符串相加结果都是字符串。

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

3、显示转换(强制类型转换)
在编程时过度依赖系统内部的隐式转换是不严谨的,因为隐式转换规律并不清晰,很多是靠经验总结的规律。
为了避免因隐式转换带来的问题,通常根据逻辑需要对数据进行显示转换。

3.1、显示转换概念
自己写代码告诉系统该转成什么类型。

3.2、转换为数字型
3.2.1、Number(变量)
a、转换为数字类型
b、如果字符串内容里有非数字,转换失败时结果为NaN(Not a Number)即不是一个数字。
c、NaN也是Number类型的数据,代表非数字。

3.2.2、parseInt(变量)
只保留整数

3.2.3、parseFloat(变量)
可以保留小数,转换过程中保留转换成功的部分,不成功的部分直接省略。

在这里插入图片描述

3.3、转换为字符型
String(变量)
变量.toString()

转换字符串方法的区别:
a>String(变量)可以将任何的一种数据类型转换为字符串类型;
b>变量.toString() 不能将undefined类型转换为字符串。

猜你喜欢

转载自blog.csdn.net/u013097500/article/details/132796994
今日推荐