JavaScript 基本数据类型的详解
JavaScript的基本数据类型
以下都是JS内置的几种类型
| 数据类型 | 描述 |
|---|---|
| number | 数字，不区分整数和小数 |
| string | 字符串类型 |
| boolean | true 真, false 假 |
| undefined | 表示未定义的值 |
| null | 只有唯一的值 null，表示空值 |
number 数字类型
JavaScript 中不区分整数和浮点数，统一都使用 “数字类型” 来表示
示例代码
<script>let a =10;console.log(typeof(a))a= a/3console.log(a)console.log(typeof(a))
</script>
运行结果
特殊的数字值：
Infinity：无穷大, 大于任何数字，表示数字已经超过了 JS 能表示的范围.
-Infinity: 负无穷大, 小于任何数字，表示数字已经超过了 JS 能表示的范围.
NaN: 表示当前的结果不是一个数字
1.Infinity的示例代码
<script>console.log(10/0)
</script>
运行结果
2.-Infinity的示例代码
<script>console.log(-10/0)
</script>
运行结果
3.NaN的示例代码
<script>console.log("hahaha"-1)
</script>
运行结果
string 字符串类型
注：字符串字面值需要使用引号引起来，单引号双引号均可
示例
<script>let a ='哈哈哈'a = 'JS'
</script>
字符串中本身已经包含引号的情况
1.正确搭配使用单双引号
示例1：
<script>let a ='js'a ="哈哈哈'js'"
</script>
示例2：
<script>let b = "js"b = '哈哈哈"js"'
</script>
2.使用转义字符 \ " 来表示字符串内部的引号
示例：
<script>let name = "liaofeiyang"name = "my name is \"liafeiyang\""alert(name)
</script>
运行效果
一些其它的转义字符，比如： \t => t ，\n => n ，\\ => \
字符串求长度
使用 String 的 length 属性即可
示例代码
<script>let a = "哈哈哈"console.log(a.length)
</script>
运行效果
字符串拼接
使用
+进行拼接
示例代码
<script>let a = "小白"console.log("fly: "+ a)
</script>
运行结果
数字和字符串也可以进行拼接
示例
<script>console.log("10" + 10)
</script>
运行结果
boolean 布尔类型
表示 “真” 和 “假”，当Boolean参与运算时会被做 1 和 0 来看待，和 C 语言一样
示例1
<script>let a = trueconsole.log(typeof(a))a = a + 1console.log("a的值等于:"+a+" a的类型:"+typeof(a))
</script>
运行结果
示例2
<script>let a = falseconsole.log(typeof(a))a = a + 1console.log("a的值等于:"+a+" a的类型:"+typeof(a))
</script>
运行结果
undefined 未定义数据类型
1.如果一个变量被定义了，但是没有被赋值，也就是没有被初始化过, 此时这个变量就是 undefined, 是 undefined 类型的
示例代码
<script>let a;console.log(a)
</script>
运行结果
2.undefined和字符串进行相加, 结果是进行字符串拼接
示例代码
<script>let a;console.log(a + "10")
</script>
运行结果
3.undefined和数字进行相加，结果为NaN
示例代码
<script>let a;console.log(a + 10)console.log(a + true)
</script>
运行结果
null 空值类型
null 表示当前的变量是一个 “空值”
注: null 和 undefined 都表示取值非法的情况, 但是侧重点不同
undefined 表示当前的变量未定义，而 null 是被定义/被赋值了的，只不过它的值就是 null
示例代码
<script>let a;let b = null;console.log(a + 10); //运行结果为NaNconsole.log(b + 10); //运行结果是10
</script>
运行结果
