JavaScript 集合

作者:编程家 分类: js 时间:2025-09-26

JavaScript 集合是一种用于存储和操作数据的数据结构。它可以存储多个值,并允许我们对这些值进行添加、删除和查询操作。JavaScript 提供了许多集合的实现方式,包括数组、对象和 Set。

数组是 JavaScript 中最常用的集合类型之一。它可以存储任意类型的值,并通过索引访问和操作这些值。例如,我们可以使用数组存储一组数字:

javascript

let numbers = [1, 2, 3, 4, 5];

我们可以通过索引访问数组中的元素,并对其进行操作:

javascript

console.log(numbers[0]); // 输出 1

numbers.push(6); // 添加元素 6 到数组末尾

console.log(numbers); // 输出 [1, 2, 3, 4, 5, 6]

数组提供了一系列的方法来操作和查询集合中的元素,例如 push()、pop()、shift()、unshift()、slice() 等。

对象是 JavaScript 中另一种常用的集合类型。它是一种键值对的集合,其中每个键都是唯一的。对象可以存储不同类型的值,并通过键来访问和操作这些值。例如,我们可以使用对象存储一个人的信息:

javascript

let person = {

name: "Tom",

age: 25,

gender: "male"

};

我们可以通过键来访问对象中的值,并对其进行操作:

javascript

console.log(person.name); // 输出 "Tom"

person.age = 26; // 修改 age 的值

console.log(person); // 输出 {name: "Tom", age: 26, gender: "male"}

对象提供了一系列的方法来操作和查询集合中的键值对,例如 Object.keys()、Object.values()、Object.entries() 等。

Set是 JavaScript 中的一种新的集合类型,它是一组不重复的值的集合。Set 不像数组和对象那样使用索引或键来访问和操作值,而是使用方法来实现。例如,我们可以使用 Set 存储一组数字:

javascript

let numbers = new Set([1, 2, 3, 4, 5]);

我们可以使用 Set 提供的方法来操作和查询集合中的值:

javascript

console.log(numbers.has(3)); // 输出 true,集合中包含值 3

numbers.add(6); // 添加值 6 到集合中

console.log(numbers); // 输出 Set {1, 2, 3, 4, 5, 6}

Set 提供了一系列的方法来操作和查询集合中的值,例如 add()、delete()、has()、size() 等。

在 JavaScript 中,我们可以使用数组、对象和 Set 来实现集合。数组适用于存储一组有序的值,对象适用于存储一组键值对,而 Set 适用于存储一组唯一的值。根据实际的需求,我们可以选择合适的集合类型来存储和操作数据。

案例代码

javascript

// 使用数组存储一组数字

let numbers = [1, 2, 3, 4, 5];

// 使用对象存储一个人的信息

let person = {

name: "Tom",

age: 25,

gender: "male"

};

// 使用 Set 存储一组数字

let set = new Set([1, 2, 3, 4, 5]);

通过以上代码示例,我们可以看到如何使用数组、对象和 Set 来存储和操作数据。根据实际的需求,我们可以选择合适的集合类型来实现我们的业务逻辑。