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

秒速五厘米 2023-03-14 05:55 68阅读 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方法对数组成员进行排序,默认是按照字典顺序排序。排序后,原数组将被改变。

  1. 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);
}

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

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()遍历

  1. dataMap.forEach((value, key, map) => {
  2. console.log("key", key);
  3. console.log("value", value);
  4. });
  • 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

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

发表评论

表情:
评论列表 (有 0 条评论,68人围观)

还没有评论,来说两句吧...

相关阅读

    相关 ES6语法

    后天就要交大论文绪论的,现在居然还在这写博客,YNB!   聊正事!什么是ES,ES就是ECMA Script,Javascript的语言标准,我们今天具体说下 一.

    相关 ES6语法

    [转载文章地址][Link 1] var 之前,js定义变量只有一个关键字:var var有一个问题,就是定义的变量有时会莫名奇妙的成为全局变量。 例如这样