web学习笔记（三十八）

目录

1.了解什么是数据结构，JavaScript包括哪些数据结构

2.Set 数据结构

 3.Map 数据结构

1.了解什么是数据结构，JavaScript包括哪些数据结构

     数据结构是计算机科学中用来组织和存储数据的方式。它可以理解为一种特定的数据组织方式，使得数据可以更高效地被访问、操作和修改。

在JavaScript中常见的数据结构包括以下几种：

1. 原始数据类型：

• Number：表示数字，包括整数和浮点数。
• String：表示字符串，用于存储文本数据。
• Boolean：表示布尔值，包括 true 和 false。
• Null：表示空值，只有一个值 null。
• Undefined：表示未定义值，只有一个值 undefined。
• Symbol：表示唯一的、不可变的值，通常用作对象的属性名。

1. 复合数据类型：

• Object：对象是一种复合数据类型，用于存储键值对，属性名是字符串，属性值可以是任意类型的值。
• Array：数组是一种特殊的对象，用于存储按顺序排列的值，索引从 0 开始。
• Map：ES6 引入的数据结构，用于存储键值对，键可以是任意类型。
• Set：ES6 引入的数据结构，用于存储唯一值的集合。

1. 其他数据结构：

• Date：表示日期和时间的数据类型。
• Function：表示函数类型。
• RegExp：表示正则表达式类型。
• Promise：表示异步操作的结果。

下面我们将详细了解一下 Set 和 Map 数据结构。

2.Set 数据结构

Set数据结构有点类似于数组，但成员的值是唯一的，没有重复的值，可以达到数组去重的效果。Set数据结构中包含了iterator 接口，所以可以使用『扩展运算符...』和『for…of…』进行遍历，Set本身是一个构造函数，用来生成  Set  数据结构。他本身还包含size属性，可以返回集合的个数。

  <script>
        let s1 = new Set([12, 13, 14, 154, 12, 13, 154]);
        console.log(s1); //{12, 13, 14, 154}
    </script>

 在 JavaScript 中，Set 数据结构包含了一些常用的方法，用于操作和管理集合中的元素。以下是 Set 数据结构常用的方法：

1. add(value)：向 Set 对象中添加一个新的元素，返回 Set 对象本身。可以通过add()方法来添加元素，也可以在声明的时候进行初始化操作，直接在括号内写入需要的数值。

   const set = new Set([12,345,,56,7869,,45,23,7,5]);
   set.add(1);
   set.add(2);
   //也可以进行链式添加
   set.add(1).set.add(2).set.add(3);
   

2. delete(value)：从 Set 对象中删除指定的元素，如果删除成功返回 true，否则返回 false。

   const set = new Set();
   set.add(1);
   set.delete(1);
   //和添加一样，可以进行链式删除

3. has(value)：判断 Set 对象中是否包含指定的元素，如果包含则返回 true，否则返回 false。

   const set = new Set();
   set.add(1);
   console.log(set.has(1)); // 输出: true
   console.log(set.has(2)); // 输出: false

4. clear()：清空 Set 对象中的所有元素。

   const set = new Set();
   set.add(1);
   set.add(2);
   set.clear();

5. forEach(callbackFn, thisArg)：对 Set 对象中的每个元素执行指定的操作，可以传入一个可选的上下文对象。 

   const set = new Set([1, 2, 3]);
   set.forEach((value) => {
     console.log(value);
   });

 3.Map 数据结构

Map 是一种用于存储键值对的集合的数据结构。Map里面的数据以键值对的形式存在，Map 对象可以将任意类型的值（包括对象引用和原始值）作为键或值，相比于普通的对象，Map不限制键的类型，保持键值对的插入顺序，可以通过size获得键值对的数量，便于迭代（：Map 对象提供了多种迭代方法，如 keys()、values() 和 entries()，便于遍历键、值或键值对）。

下面是 Map 对象常用的方法：

1. set(key, value)：向 Map 中设置键值对，如果键已经存在，则更新其对应的值。

   const map = new Map();
   map.set('key1', 'value1');
   map.set('key2', 'value2');
   

2. get(key)：获取指定键对应的值，如果键不存在则返回 undefined。

   const map = new Map();
   map.set('key1', 'value1');
   console.log(map.get('key1')); // 输出: value1
   

3. has(key)：判断 Map 中是否存在指定的键。

   const map = new Map();
   map.set('key1', 'value1');
   console.log(map.has('key1')); // 输出: true
   

4. delete(key)：删除 Map 中指定的键及其对应的值。

   const map = new Map();
   map.set('key1', 'value1');
   map.delete('key1');
   

5. clear()：清空 Map 中的所有键值对。

   const map = new Map();
   map.set('key1', 'value1');
   map.clear();