返回

揭开 JavaScript 数据类型的奥秘:基本数据类型扫盲

前端

JavaScript 数据类型:基本数据类型扫盲

数据是编程语言的基础,JavaScript 也不能免俗。理解 JavaScript 的数据类型是学习 JS 的重中之重。JS 中的数据类型分为两大类:基本数据类型和引用数据类型。这篇文章,我们先来认识下基本数据类型。

1. 数值(Number):数字王国的主宰

数值,顾名思义,就是数字,是 JavaScript 中用来表示数字的类型。它可以是整数,如 1、2、100,也可以是小数,如 3.14、0.5。数值类型还可以表示科学计数法,如 1e3(表示 1000)、1.23e-5(表示 0.0000123)。

console.log(typeof 10); // "number"
console.log(typeof 3.14); // "number"
console.log(typeof 1e3); // "number"

2. 字符串(String):文字世界的魔术师

字符串是用于表示文本数据的类型。它可以是单个字符,如 "a"、"B"、"1",也可以是多字符组合,如 "Hello World"、"编程很酷"、"JavaScript 真棒"。字符串需要用引号括起来,单引号或双引号都可以。

console.log(typeof "Hello"); // "string"
console.log(typeof 'World'); // "string"
console.log(typeof `JavaScript`); // "string"

3. 布尔值(Boolean):真假之间的抉择

布尔值是用来表示真或假的类型。它只有两个值:truefalse。布尔值通常用于逻辑比较、条件判断等场景。

console.log(typeof true); // "boolean"
console.log(typeof false); // "boolean"

4. undefined:空空如也的未知

undefined 是一个特殊的值,表示变量还没有被赋值。当我们声明一个变量但没有赋值时,它就会自动被赋予 undefined 值。undefined 也表示一个变量的值是空的,比如数组的空元素。

let x;
console.log(typeof x); // "undefined"

let arr = [1, 2, 3];
console.log(typeof arr[3]); // "undefined"

5. null:空虚的宁静

null 也是一个特殊的值,表示一个变量的值是明确的空。它与 undefined 的区别在于,null 是一个明确赋值的操作,而 undefined 是默认的赋值。

let x = null;
console.log(typeof x); // "object"

let arr = [1, 2, 3];
arr[3] = null;
console.log(typeof arr[3]); // "object"

6. Symbol:独一无二的标识

Symbol 是 ES6 中引入的新数据类型,它表示一个独一无二的值。Symbol 值不能被复制或修改,它通常用于对象属性的标识。

let symbol1 = Symbol();
let symbol2 = Symbol();

console.log(symbol1 === symbol2); // false

总结

基本数据类型是 JavaScript 的基础,包括数值、字符串、布尔值、undefined、null 和 Symbol。每种类型都有自己的特点和用途,掌握它们是学习 JavaScript 的第一步。