5 数据类型介绍

在上一篇中,我们讨论了如何在 JavaScript 中声明变量,包括 varletconst 三种关键字。了解了变量的声明后,我们接下来要深入讨论变量的内容——数据类型。JavaScript 是一种动态类型的语言,也就是说变量的类型可以在运行时改变。以下是 JavaScript 中的基本数据类型。

基本数据类型

JavaScript 中有六种基本数据类型:

  1. Undefined
  2. Null
  3. Boolean
  4. Number
  5. String
  6. Symbol(ES6 引入)
  7. Object(复杂数据类型)

Undefined

undefined 是一个表示“未定义”的数据类型。当一个变量被声明但未被赋值时,它的值是 undefined

1
2
let example;
console.log(example); // 输出: undefined

Null

null 是一个表示“无值”的数据类型。它是一个特殊的值,表示变量是空的。

1
2
let example = null;
console.log(example); // 输出: null

Boolean

Boolean 类型只包含两个值:truefalse。它常用于控制流程和逻辑判断。

1
2
3
4
let isActive = true;
if (isActive) {
console.log("活动是开启的"); // 输出: 活动是开启的
}

Number

Number 类型用于表示数值,包括整数和浮点数,JavaScript 采用 IEEE 754 双精度浮点格式表示数字。

1
2
3
4
let age = 25;
let price = 19.99;
console.log(age); // 输出: 25
console.log(price); // 输出: 19.99

String

String 数据类型表示由字符组成的文本。可以使用单引号、双引号或者反引号包裹字符串。

1
2
3
let name = '小白';
let greeting = "你好," + name; // 字符串连接
console.log(greeting); // 输出: 你好,小白

特别地,使用反引号包围的字符串(称为模板字符串)允许我们进行多行字符串和插值。

1
2
3
let age = 25;
let message = `我已经 ${age} 岁了。`;
console.log(message); // 输出: 我已经 25 岁了。

Symbol

Symbol 是 ES6 引入的一种新数据类型,主要用于对象属性的唯一标识符。每个 Symbol 都是唯一的。

1
2
let uniqueId = Symbol('id');
console.log(uniqueId); // 输出: Symbol(id)

Object

Object 是无序的键值对集合,可以视为复杂数据类型。对象在 JavaScript 中是非常重要的,因为大多数数据都是以对象的形式来表示的。

1
2
3
4
5
6
7
8
let person = {
name: "小白",
age: 25,
isActive: true
};

console.log(person.name); // 输出: 小白
console.log(person['age']); // 输出: 25

数据类型的检测

在 JavaScript 中,我们使用 typeof 操作符来检查一个值的数据类型。

1
2
3
4
5
6
console.log(typeof age); // 输出: number
console.log(typeof name); // 输出: string
console.log(typeof isActive); // 输出: boolean
console.log(typeof person); // 输出: object
console.log(typeof uniqueId); // 输出: symbol
console.log(typeof example); // 输出: undefined

需要注意的是,typeof null 返回的结果是 object,这是 JavaScript 的一个历史遗留问题。

小结

了解不同的数据类型是学习 JavaScript 的基础之一。在本节中,我们介绍了六种基本数据类型以及对象的概念。每种类型都有其独特的用途和特性。在下一篇中,我们将讨论数据类型的转换,包括隐式转换和显式转换。

准备好迎接类型转换的挑战了吗?我们下次再见!

作者

IT教程网(郭震)

发布于

2024-08-10

更新于

2024-08-10

许可协议

分享转发

复习上节

交流

更多教程加公众号

更多教程加公众号

加入星球获取PDF

加入星球获取PDF

打卡评论