ES6-Array、Map、Set数据结构常用操作

秒速五厘米 2023-03-14 05:55 33阅读 0赞

# ES6-Array、Map、Set数据结构常用操作 #

参考资料：

1.  https://www.jianshu.com/p/40bc708f8ce7
2.  https://wangdoc.com/javascript/stdlib/array.html

# Array-数组 #

## 属性 ##

1.  length：length属性返回数组的成员总数。

## 操作方法 ##

### 1. push(item) ###

push方法用于在数组的末端添加一个或多个元素，并返回添加新元素后的数组长度。

### 2. pop() ###

pop方法用于删除数组的最后一个元素，并返回该元素。

### 3. shift() ###

shift()方法用于删除数组的第一个元素，并返回该元素。

### 4. unshift() ###

unshift()方法用于在数组的第一个位置添加元素，并返回添加新元素后的数组长度。

### 5. join() ###

join()方法以指定参数作为分隔符，将所有数组成员连接为一个字符串返回。如果不提供参数，默认用逗号分隔。

### 6. concat()： ###

concat()方法用于多个数组的合并。它将新数组的成员，添加到原数组成员的后部，然后返回一个新数组，原数组不变。

### 7. reverse()： ###

reverse方法用于颠倒排列数组元素，返回改变后的数组。注意，该方法将改变原数组。

### 8. slice(start, end) ###

slice()方法用于提取目标数组的一部分，返回一个新数组，原数组不变。

*  它的第一个参数为起始位置（从0开始，会包括在返回的新数组之中），第二个参数为终止位置（但该位置的元素本身不包括在内）。如果省略第二个参数，则一直返回到原数组的最后一个成员。
 *  如果slice()方法的参数是负数，则表示倒数计算的位置。

### 9. splice() ###

splice()方法用于删除原数组的一部分成员，并可以在删除的位置添加新的数组成员，返回值是被删除的元素。

*  splice的第一个参数是删除的起始位置（从0开始），第二个参数是被删除的元素个数。如果后面还有更多的参数，则表示这些就是要被插入数组的新元素。

### 10. sort() ###

sort方法对数组成员进行排序，默认是按照字典顺序排序。排序后，原数组将被改变。  
11. map()：map方法将数组的所有成员依次传入参数函数，然后把每一次的执行结果组成一个新数组返回。  
\- map方法接受一个函数作为参数。该函数调用时，map方法向它传入三个参数：当前成员、当前位置和数组本身。  
`[1, 2, 3].map(function(elem, index, arr) { return elem * index; }); // [0, 2, 6]`

### 12. forEach() ###

forEach方法与map方法很相似，也是对数组的所有成员依次执行参数函数。但是，forEach方法不返回值，只用来操作数据。这就是说，如果数组遍历的目的是为了得到返回值，那么使用map方法，否则使用forEach方法。  
\- forEach的用法与map方法一致，参数是一个函数，该函数同样接受三个参数：当前值、当前位置、整个数组。  
\`\`\`  
function log(element, index, array) \{  
console.log(’\[’ + index + '\] = ’ + element);  
\}

[2, 5, 9].forEach(log);
    // [0] = 2
    // [1] = 5
    // [2] = 9
    ```

### 13. filter() ###

filter方法用于过滤数组成员，满足条件的成员组成一个新数组返回。

*  它的参数是一个函数，所有数组成员依次执行该函数，返回结果为true的成员组成一个新数组返回。该方法不会改变原数组。

1.  some()，every():这两个方法类似“断言”（assert），返回一个布尔值，表示判断数组成员是否符合某种条件。

*  它们接受一个函数作为参数，所有数组成员依次执行该函数。该函数接受三个参数：当前成员、当前位置和整个数组，然后返回一个布尔值。
 *  some方法是只要一个成员的返回值是true，则整个some方法的返回值就是true，否则返回false。

### 14. reduce()，reduceRight() ###

reduce方法和reduceRight方法依次处理数组的每个成员，最终累计为一个值。它们的差别是，reduce是从左到右处理（从第一个成员到最后一个成员），reduceRight则是从右到左（从最后一个成员到第一个成员），其他完全一样。

### indexOf()，lastIndexOf() ###

1.  indexOf方法返回给定元素在数组中第一次出现的位置，如果没有出现则返回-1。
2.  indexOf方法还可以接受第二个参数，表示搜索的开始位置。
3.  lastIndexOf方法返回给定元素在数组中最后一次出现的位置，如果没有出现则返回-1。
4.  注意，这两个方法不能用来搜索NaN的位置，即它们无法确定数组成员是否包含NaN。

# Map键值对 #

## 属性 ##

1.  size：size属性返回Map结构的成员总数。

## 操作方法 ##

1.  set(key, value)：设置key所对应的键值，然后返回整个Map结构(本身)
2.  get(key)：读取key对应的键值。
3.  has(key)：返回一个布尔值，表示某个键是否在Map数据结构中
4.  delete(key)：删除某个键，返回布尔值
5.  clear()：清除所有成员，没有返回值

## 遍历Map ##

### forEach()遍历 ###

dataMap.forEach((value, key, map) => {
        console.log("key", key);
        console.log("value", value);
    });

*  value：键值。
 *  key：关键字。
 *  map：map对象。

## Set集合 ##

## 属性 ##

1.  size：size属性返回Set集合的成员总数。

## 操作方法 ##

1.  add(value)：添加元素到Set集合当中。
2.  has(value)：判断value是否在集合当中。若在则返回true，否则返回false。
3.  delete(value)：从Set集合删除value元素。
4.  clear()：清除所有成员，没有返回值。

## 遍历Set集合 ##

### forEach ###

dataSet.forEach((value, key, set) => {
        console.log("value", value);
        console.log("set", set);
    });