JavaScript 数据类型

数据类型是编程语言的基础，掌握不同数据类型的特性和用法对于处理各种数据至关重要。以下是 JavaScript 中的数据类型的详细介绍：

3. 数据类型

JavaScript 中的数据类型分为基本数据类型（原始数据类型）和复杂数据类型（对象）。

3.1 基本数据类型（原始数据类型）

1. undefined

   • 定义：表示变量未定义的状态。
   • 特性：undefined 是 JavaScript 的一个原始数据类型，用于表示未赋值的变量。

   示例：

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

2. null

   • 定义：表示空值或无效值。
   • 特性：null 是一个特殊的值，用于表示变量的值为空或无效。

   示例：

   let y = null;
   console.log(y); // null
   

3. boolean

   • 定义：表示布尔值，只有两个值：true 或 false。
   • 特性：通常用于条件判断和逻辑操作。

   示例：

   let isTrue = true;
   let isFalse = false;
   

4. number

   • 定义：表示数字，包括整数和浮点数。
   • 特性：JavaScript 中的 number 类型是双精度 64 位浮点数。

   示例：

   let integer = 42;
   let float = 3.14;
   

5. string

   • 定义：表示字符串，可以用单引号、双引号或反引号（模板字面量）表示。
   • 特性：字符串是不可变的，即字符串一旦创建，其内容不能被改变。

   示例：

   let singleQuoteString = 'Hello, world!';
   let doubleQuoteString = "Hello, world!";
   let templateLiteral = `Hello, world!`;
   

6. symbol

   • 定义：表示唯一且不可变的值，通常用于对象属性的唯一标识。
   • 特性：每个 Symbol 值都是唯一的，即使使用相同的描述创建两个 Symbol，它们也是不同的。

   示例：

   let uniqueSymbol = Symbol('description');
   

7. bigint

   • 定义：用于表示非常大的整数。
   • 特性：bigint 可以表示比 number 类型能表示的更大的整数值。

   示例：

   let largeNumber = 1234567890123456789012345678901234567890n;
   

3.2 复杂数据类型（对象）

1. object

   • 定义：表示一组键值对的数据结构。键（属性名）是字符串或 symbol，值可以是任何数据类型。
   • 特性：对象可以包含方法、属性以及其它对象。

   示例：

   let person = {
     name: 'Alice',
     age: 30,
     greet: function() {
       console.log('Hello!');
     }
   };
   
   console.log(person.name); // Alice
   person.greet(); // Hello!
   

2. array

   • 定义：表示一组有序的数据集合。数组是一种特殊类型的对象。
   • 特性：数组的元素可以是任意数据类型，数组提供了多种方法用于操作其元素。

   示例：

   let fruits = ['apple', 'banana', 'cherry'];
   console.log(fruits[0]); // apple
   
   fruits.push('date');
   console.log(fruits); // ['apple', 'banana', 'cherry', 'date']
   

3.3 数据类型转换

JavaScript 中的数据类型可以相互转换。常见的转换操作包括：

1. 字符串转数字

   let str = "123";
   let num = Number(str);
   console.log(num); // 123
   

2. 数字转字符串

   let num = 456;
   let str = num.toString();
   console.log(str); // "456"
   

3. 布尔值转字符串

   let bool = true;
   let str = bool.toString();
   console.log(str); // "true"
   

4. 字符串转布尔值

   let str = "true";
   let bool = str === 'true';
   console.log(bool); // true
   

5. 自动类型转换

   JavaScript 在某些操作中会自动进行类型转换。例如：

   let result = '5' + 1; // "51"（字符串拼接）
   console.log(result);
   
   result = '5' - 1; // 4（字符串转换为数字）
   console.log(result);
   

4. 数据类型判断

可以使用 typeof 和 instanceof 操作符来判断数据类型。

• typeof

  console.log(typeof 'Hello'); // string
  console.log(typeof 123); // number
  console.log(typeof true); // boolean
  console.log(typeof {}); // object
  console.log(typeof []); // object (数组是对象的一种)
  console.log(typeof undefined); // undefined
  

• instanceof

  console.log([] instanceof Array); // true
  console.log({} instanceof Object); // true
  

5. 总结

• 基本数据类型：undefined、null、boolean、number、string、symbol、bigint。
• 复杂数据类型：object 和 array。
• 数据类型转换：使用内置方法和操作符进行类型转换。
• 数据类型判断：使用 typeof 和 instanceof 来检测数据类型。

掌握 JavaScript 中的数据类型及其特性将帮助你处理各种数据，并编写更加健壮和可靠的代码。接下来，可以学习 操作符，了解如何在代码中进行各种计算和比较操作。