JavaScript中的数据类型？-CSDN博客

本文链接：https://blog.csdn.net/sxhmwy/article/details/142648621

JavaScript中的数据类型？

1.1. 前言

在JavaScript中，可以分成两种类型：

基本类型
复杂类型

两种类型的区别是：存储位置不同

1.2. 基本类型

基本类型主要分为一下6种：

Number
String
Boolean
Undefined
Null
Symbol

1.2.1 Number

数值最常见的整数类型格式为十进制，还可以设置八进制（零开头）、十六进制（0x开头）

let intNum = 56 // 10进制
let num1 = 070 // 8进制的56
let hexNum1 = 0xA // 16进制的10

浮点类型则在数值汇总必须包含小数点，还可以通过科学计数法表示

let floatNum1 = 1.2;
let floatNum2 = 0.2;
let floatNum3 = .2; // 有效，但不推荐
let floatNum = 3.122e7; // 等于 31220000

在数值类型中，存在一个特殊值NaN，意为“不是数值”，用于表示本来要返回数值的操作失败了（而不是抛出错误）

console.log(0/0) // NaN

1.2.2 Undefined

Undefined类型只有一个值，就是特殊值undefined。当使用 var 或 let 声明了变量但没有初始化时，就相当于给变量赋予了undefined值

let message;
console.log(message == undefined); // true

1.2.3 String

字符串可以使用双引号（“”）、单引号（‘’）、反引号（``）标示

let text = "Hello Word！"
let text1 = 'Hello Word！'
let text2 = `Hello Word！`

字符串是不可变的，一旦创建，它们的值就不能变了

let type = 'Java'
type = type + 'Script' // 先销毁再创建

1.2.4 Null

Null类型同样只有一个值，即特殊值null
逻辑上讲，null是一个空对象指针，这也是给typeof传一个null会返回object的原因

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

undefined是由null派生而来

console.log(undefined == null) // true
// 但是
console.log(undefined === null) // false

只要变量要保存对象，而当时又没有那个对象可保存，就可用null来填充该变量

// vue
data() {
	return {
		obj: null
	}
}
mounted () {
	fetch('https://api.example.com/data')
	  .then(response => {
	    this.obj = response.data
	  })
}

1.2.5 Boolean

Boolean（布尔值）类型有两个字面量：true 和 false
通过Boolean可以将其他类型的数据转化为布尔值

// 数据类型       转换为 true 的值        转换为 false 的值
    String          非空字符串                 ""
    Number           非零数值                0、NaN
    Object           任意对象                 null
    Undefined     （不存在此情况）           undefined

1.2.5 Symbol

Symbol（符号）是原始值，且符号实例是唯一、不可变的。符号的用途是确保对象属性使用唯一标识符，不会发生属性冲突的危险

let genericSymbol = Symbol()
let otherGenericSymbol = Symbol()
console.log(genericSymbol == otherGenericSymbol) // false

let fooSymbol = Symbol('foo')
let otherFooSymbol = Symbol('foo')
console.log(fooSymbol == otherFooSymbol) // false

1.2.6 除了上述6种外

ES2020 新增 BigInt。是一种用来表示大整数的原始数据类型，可以表示任意大小的整数

1.3. 引用类型

复杂类型统称为Object，这里主要有下面8种：

Object
Array
Function
Date
RegExp
Map
Set
Error

1.3.1 Object

创建object常用方式为字面量表达式，属性名可以是字符串或数值

let person = {
	name: "Lucy",
	"age": 18,
	6: true
}

1.3.2 Array

JavaScript数组是一组有序的数据，但跟其他语言不同的是，数组中每个槽位可以存储任意类型的数据。并且，数组也是动态大小的，会随着数据添加而自动增长。

let colors = ["red", 2, {age: 20 }]
colors.push(2)

1.3.3 Function

函数实际上是对象，每个函数都是Function类型的实例，而Function也有属性和方法，跟其他引用类型一样。函数存在三种常见的表达式：

函数声明

function sum (num1, num2) {
	return num1 + num2
}

函数表达式

let sum = function (num1, num2) {
	return num1 + num2
}

箭头函数

let sum = (num1, num2) => {
	return num1 + num2
}

1.3.4 Date

Date 对象用于处理日期和时间。它提供了多种方法来操作日期值。

const now = new Date();
console.log(now) // Mon Sep 30 2024 10:38:59 GMT+0800 (中国标准时间)

1.3.5 RegExp (Regular Expression)

RegExp 对象用于匹配字符串中的字符组合。它提供了强大的模式匹配功能。

const pattern = /hello/i; // 'i' 表示不区分大小写

1.3.6 Map

Map 对象保存键值对，并且能够记住键的原始插入顺序。任何值（对象或者原始值）都可以作为一个键或一个值。

const map = new Map();
map.set('name', 'Alice');

1.3.7 Set

Set 对象允许你存储任何类型的唯一值，无论是原始值或者是对象引用。

const set = new Set();
set.add(1);
set.add('1'); // '1' 和 1 是不同的值，都可以被添加到 Set 中

1.3.8 Error

Error 对象在运行时错误发生时会被抛出。

throw new Error('Something went wrong!');

1.3.9 除上述8种外

WeakMap

WeakMap 对象是一组键/值对的集合，其中的键是弱引用的。其键必须是对象，而值可以是任意的。

const weakMap = new WeakMap()
weakMap.set({}, 'some value')

WeakSet

WeakSet 对象允许你将弱保持对象存储在一个集合中。

const weakSet = new WeakSet()
weakSet.add({ name: 'Alice' })