JavaScript 中的集合

心已赠人 2022-08-28 07:58 82阅读 0赞

对于任何 JavaScript 程序来说，对数据的结构化组合和访问都是一个关键部分。这个语言  
从一开始到现在，创建数据结构的主要机制一直都是数组和对象。当然，基于它们已经建  
立了很多作为用户库的高级数据结构。

### 1.TypedArray ###

`TypedArray` 对象描述底层的二进制数据缓冲的阵列状的图。没有命名的`TypedArray`全局属性，也没有直接可见的`TypedArray`构造函数。相反，有许多不同的全局属性，其值是特定元素类型的类型化数组构造函数。

new TypedArray(); // new in ES2017
    new TypedArray(length);
    new TypedArray(typedArray);
    new TypedArray(object);
    new TypedArray(buffer [, byteOffset [, length]]);
    
    where TypedArray() is one of:
    
    Int8Array();
    Uint8Array();
    Uint8ClampedArray();
    Int16Array();
    Uint16Array();
    Int32Array();
    Uint32Array();
    Float32Array();
    Float64Array();

*  `length` 使用length参数调用时，将在内存中创建一个内部数组缓冲区，其大小的长度乘以**BYTES\_PER\_ELEMENT**个字节，其中包含`zeros.typedArray`。
 *  当使用`typedArray`参数调用时，参数可以是任何类型化数组类型的对象（如`Int32Array`），`typedArray`被复制到一个新的类型数组中。在`typedArray`复制到新数组之前，每个值都将转换为相应的构造函数类型。然后，新的`typedArray`对象的长度将与`typedArray`参数的长度相同。
 *  对象当使用参数调用时`object`，将创建一个新的类型数组，如同通过`method.buffer`，`byteOffset`，`lengthWhen`使用a ，以及可选的 a 和`aTypedArray.from()bufferbyteOffsetlength`参数，创建一个新的类型数组视图来查看指定的`ArrayBuffer`的`byteOffset`和`length`参数指定将通过类型数组视图被暴露的存储器范围。如果两者均被忽略，则全部buffer被查看; 如果仅length省略，buffer则查看其余部分。

### 2. Map ###

两个输出的都是月饼，这是因为两个对象字符串化都是 “\[object Object\]”，所以只设置了一个键。

结果：`obj => {[object Object]: "月饼"}`

使用 ES6 的 Map 数据结构

let map = new Map();
    let shop1 = {  name: '大郎烧饼' };
    let shop2 = {  name: '兔兔月饼' };
    
    map.set(shop1, '烧饼');
    map.set(shop2, '月饼');
    
    console.log(map.get(shop1));
    console.log(map.get(shop2));
    
    // 烧饼, 月饼

对键连续赋值两次，后一次的值覆盖前一次的值

map.set(shop2, '五仁月饼')
    
    // 烧饼, 五仁月饼

获取 map 中的值使用 get 方法，当 map 中不存在的时候，会返回 undefined

map.get('shop3')
    // undefined

删除某一个项，使用 delete 方法

map.delete(shop2)

全部清除，使用 clear 方法

map.clear()

Map 键

let map = new Map();
    let shop1 = {  name: '大郎烧饼' };
    let shop2 = {  name: '兔兔月饼' };
    
    map.set(shop1, ['烧饼', '酱香饼']);
    map.set(shop2, '月饼');
    
    let keys = [...map.keys()];
    let values = [...map.values()];
    let entries = [...map.entries()];
    
    console.log(keys)
    console.log(values);
    console.log(entries);

要确定一个 map 中是否有给定的键,可以使用 has(…) 方法

map.has(shop1)

任何具有 Iterator 接口、且每个成员都是一个双元素的数组的数据结构都可以当作Map构造函数的参数

const foodMap = new Map([
      ['name', '糖果泡泡屋'],
      ['address', '糖果街'],
      ['tel', 5201314]
    ]);

实际上是

const item = [
      ['name', '糖果泡泡屋'],
      ['address', '糖果街'],
      ['tel', 5201314]
    ];
    
    const foodMap = new Map();
    
    item.forEach(
      ([key, value]) => foodMap.set(key, value)
    );
    
    console.log(foodMap)

### Set ###

let foodSet = new Set();
    let shop1 = {  name: '小熊饼干屋' };
    let shop2 = {  name: '彩虹棉花糖' };
    
    foodSet.add(shop1);
    foodSet.add(shop2);
    foodSet.add(shop1);
    
    console.log(foodSet.has(shop2));
    console.log(foodSet.size);
    
    foodSet.delete(shop2);
    
    console.log(foodSet.size);
    
    console.log(foodSet.clear());