面试指南：深入掌握 JavaScript 数据类型，助力求职成功

2023-10-08 13:14:15

JavaScript 数据类型概述

在 JavaScript 中，数据类型是指用来数据值的种类。每种数据类型都有其独特的属性和行为，它们决定了数据如何存储、处理和显示。JavaScript 数据类型主要分为两大类：

基本数据类型（Primitive Data Types）： 包括 String、Number、Boolean、Undefined、Null 和 Symbol。这些数据类型的值是直接存储在变量中的。
引用数据类型（Reference Data Types）： 包括 Object、Array 和 Function。这些数据类型的值不是直接存储在变量中的，而是存储在内存中的某个位置，变量中存储的是指向该位置的引用。

基础数据类型

1. String

字符串是用来存储文本数据的数据类型。它可以包含任何字符，包括字母、数字、符号和空格。字符串可以使用单引号或双引号来表示。

// 使用单引号表示字符串
const str1 = 'Hello, world!';

// 使用双引号表示字符串
const str2 = "Hello, world!";

2. Number

数字是用来存储数字数据的数据类型。它可以是整数、小数、正数或负数。

// 整数
const num1 = 10;

// 小数
const num2 = 3.14;

// 正数
const num3 = 100;

// 负数
const num4 = -10;

3. Boolean

布尔值是用来存储真假值的数据类型。它只有两个值：true 和 false。

// true
const bool1 = true;

// false
const bool2 = false;

4. Undefined

未定义值是用来表示变量尚未被赋值的数据类型。它的值是 undefined。

// 未定义变量
let x;

// x 的值是 undefined
console.log(x); // undefined

5. Null

空值是用来表示变量被明确赋值为 null 的数据类型。它的值是 null。

// 变量被赋值为 null
let y = null;

// y 的值是 null
console.log(y); // null

6. Symbol

Symbol 是 ES6 中新增的数据类型，它用来表示独一无二的值。Symbol 值不能被改变或比较，并且不能用作对象属性的键。

// 创建 Symbol 值
const symbol1 = Symbol('mySymbol');

// Symbol 值不能被改变
symbol1.description = 'This is my symbol';

// Symbol 值不能被比较
console.log(symbol1 === symbol1); // false

引用数据类型

1. Object

对象是用来存储一组相关数据的容器。它由键值对组成，键是字符串，值可以是任何数据类型。对象可以使用大括号 {} 来表示。

// 创建对象
const person = {
  name: 'John Doe',
  age: 30,
  gender: 'male'
};

// 访问对象属性
console.log(person.name); // John Doe
console.log(person['age']); // 30

2. Array

数组是用来存储一组有序数据的容器。它可以使用方括号 [] 来表示。

// 创建数组
const numbers = [1, 2, 3, 4, 5];

// 访问数组元素
console.log(numbers[0]); // 1
console.log(numbers[2]); // 3

3. Function

函数是用来执行一组指令的代码块。它可以使用 function 来声明。

// 创建函数
function greet() {
  console.log('Hello, world!');
}

// 调用函数
greet(); // Hello, world!

JavaScript 数据类型转换与比较

在 JavaScript 中，可以将一种数据类型转换为另一种数据类型。这可以通过使用内置函数或运算符来实现。

数据类型转换

// 将字符串转换为数字
const num1 = parseInt('10'); // 10

// 将数字转换为字符串
const str1 = String(10); // "10"

// 将布尔值转换为字符串
const str2 = String(true); // "true"

数据类型比较

在 JavaScript 中，可以使用比较运算符来比较两个数据值。比较运算符包括：

等于 (==)
不等于 (!=)
严格等于 (===)
严格不等于 (!==)
大于 (>)
小于 (<)
大于或等于 (>=)
小于或等于 (<=)

// 比较两个数字
console.log(10 == 10); // true
console.log(10 != 10); // false

// 比较两个字符串
console.log('Hello' == 'Hello'); // true
console.log('Hello' != 'Hello'); // false

// 比较两个布尔值
console.log(true == true); // true
console.log(true != true); // false