Dotcpp > 编程教程 > JavaScript基础语法及数据类型 > JS初识数据类型

JS初识数据类型

点击打开在线编译器，边学边练

这一节我们学习对我们的JS编码学习更加重要的有关JS数据类型的学习。

JS数据类型

在JavaScript中，数据类型可以分为基本类型和引用类型。

基本类型（值类型）包括：

1. 字符串（String）：表示文本数据，使用引号（单引号或双引号）包裹起来。

2. 数字（Number）：表示数字，包括整数和浮点数。

3. 布尔（Boolean）：表示真或假的逻辑值。

4. 空（Null）：表示空值或者不存在的对象。

5. 未定义（Undefined）：表示一个未初始化的变量的值。

6. 符号（Symbol）：表示唯一的标识符，通常作为对象属性的键。

引用类型（对象类型）包括：

1. 对象（Object）：表示复杂的数据结构，可以包含多个属性和方法。

2. 数组（Array）：表示按顺序排列的多个值的集合。

3. 函数（Function）：表示可执行的代码块。

4. 正则（RegExp）：表示正则表达式。

5. 日期（Date）：表示日期和时间。

了解这些不同的数据类型对于在JavaScript中正确操作和处理数据非常重要。它们具有不同的特性和用法，需要根据具体情况选择适当的类型。

下图为思维导图：

JS数据类型

（JS数据类型分类）

注：Symbol 是 ES6 引入了一种新的原始数据类型，表示独一无二的值。

JavaScript 是一种动态类型的语言

动态类型语言意味着变量的数据类型在运行时可以自由地改变。在 JavaScript 中，变量的数据类型是根据变量当前存储的值来确定的，而不是在声明变量时指定的。这使得 JavaScript 可以根据需要自由地将同一个变量用于不同的数据类型。

var x;             // x 为 undefined
var x = 5;           // 现在 x 为数字
var x = "Bob";      // 现在 x 为字符串

可以使用 typeof 操作符来查看变量的数据类型。 typeof 是一个一元操作符，可以放在要检查的值的前面。

typeof "John"                // 返回 string
typeof 3.14                  // 返回 number
typeof false                 // 返回 boolean
typeof [1,2,3,4]             // 返回 object
typeof {name:'Bob', age:34} // 返回 object

实例：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>www.dotcpp.com</title>
</head>
<body>
<p> typeof 操作符返回变量或表达式的类型。</p>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML =
   typeof "Jliy" + "<br>" +
   typeof 3.14 + "<br>" +
   typeof false + "<br>" +
   typeof [1,2,3,4] + "<br>" +
   typeof {name:'Bob', age:34};
</script>
</body>
</html>

JS运行结果