ES6-Array、Map、Set数据结构常用操作
ES6-Array、Map、Set数据结构常用操作
参考资料:
- https://www.jianshu.com/p/40bc708f8ce7
- https://wangdoc.com/javascript/stdlib/array.html
Array-数组
属性
- 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方法对数组成员进行排序,默认是按照字典顺序排序。排序后,原数组将被改变。
- 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的成员组成一个新数组返回。该方法不会改变原数组。
some(),every():这两个方法类似“断言”(assert),返回一个布尔值,表示判断数组成员是否符合某种条件。
- 它们接受一个函数作为参数,所有数组成员依次执行该函数。该函数接受三个参数:当前成员、当前位置和整个数组,然后返回一个布尔值。
- some方法是只要一个成员的返回值是true,则整个some方法的返回值就是true,否则返回false。
14. reduce(),reduceRight()
reduce方法和reduceRight方法依次处理数组的每个成员,最终累计为一个值。它们的差别是,reduce是从左到右处理(从第一个成员到最后一个成员),reduceRight则是从右到左(从最后一个成员到第一个成员),其他完全一样。
indexOf(),lastIndexOf()
- indexOf方法返回给定元素在数组中第一次出现的位置,如果没有出现则返回-1。
- indexOf方法还可以接受第二个参数,表示搜索的开始位置。
- lastIndexOf方法返回给定元素在数组中最后一次出现的位置,如果没有出现则返回-1。
- 注意,这两个方法不能用来搜索NaN的位置,即它们无法确定数组成员是否包含NaN。
Map键值对
属性
- size:size属性返回Map结构的成员总数。
操作方法
- set(key, value):设置key所对应的键值,然后返回整个Map结构(本身)
- get(key):读取key对应的键值。
- has(key):返回一个布尔值,表示某个键是否在Map数据结构中
- delete(key):删除某个键,返回布尔值
- clear():清除所有成员,没有返回值
遍历Map
forEach()遍历
dataMap.forEach((value, key, map) => {
console.log("key", key);
console.log("value", value);
});
- value:键值。
- key:关键字。
- map:map对象。
Set集合
属性
- size:size属性返回Set集合的成员总数。
操作方法
- add(value):添加元素到Set集合当中。
- has(value):判断value是否在集合当中。若在则返回true,否则返回false。
- delete(value):从Set集合删除value元素。
- clear():清除所有成员,没有返回值。
遍历Set集合
forEach
dataSet.forEach((value, key, set) => {
console.log("value", value);
console.log("set", set);
});
还没有评论,来说两句吧...