Set，Map 和 Typed Array：JavaScript 数据结构的另一个维度

2024-02-23 19:49:19

随着 JavaScript 的发展，一些重要的但并非 JavaScript 基础的 API 被定义为 JavaScript 的标准库。在本章中，我们将深入研究这些数据结构，了解它们的特点和应用场景，帮助您扩展 JavaScript 编程技能。

一、Set：无序且唯一

Set 数据结构用于存储唯一值的集合。它与数组不同，Set 中的元素不会重复出现，并且 Set 本身是无序的，这意味着元素的顺序不是固定的。

const mySet = new Set();
mySet.add('apple');
mySet.add('banana');
mySet.add('cherry');

console.log(mySet.size); // 3
console.log(mySet.has('apple')); // true
console.log(mySet.delete('cherry')); // true

Set 数据结构非常适合需要存储唯一值的情况，例如当您需要计算一组数据的去重数量时。

二、Map：键值对的集合

Map 数据结构用于存储键值对的集合。与对象不同，Map 的键可以是任何类型的值，而不仅仅是字符串。

const myMap = new Map();
myMap.set('apple', 'red');
myMap.set('banana', 'yellow');
myMap.set('cherry', 'red');

console.log(myMap.size); // 3
console.log(myMap.get('apple')); // 'red'
console.log(myMap.delete('cherry')); // true

Map 数据结构非常适合需要存储键值对的情况，例如当您需要存储用户数据或配置信息时。

三、Typed Array：高效处理二进制数据

Typed Array 数据结构用于存储二进制数据。它提供了比常规数组更有效的方式来处理二进制数据，例如图像、音频和视频。

const myTypedArray = new Uint8Array(10);
myTypedArray[0] = 0xFF;
myTypedArray[1] = 0x00;
myTypedArray[2] = 0xFF;

console.log(myTypedArray.length); // 10
console.log(myTypedArray[0]); // 255