【ES6】数组的拓展

简介: 【ES6】数组的拓展

引言:ES6增加了对数组的接口。

一、Array.from()方法


       Array.from方法用于将两类对象转为真正的数组:类似数组的对象和可遍历(iterable)的对象(包括ES6新增的数据结构Set和Map)。

//将类似数组的对象转化为数组
let arraylike = {
  '0' : 'a',
  '1' : 'b',
  '2' : 'c',
  length : 3
}
let arr=Array.from(arraylike); // ['a','b','c']
//将字符串转化为数组
Array.from('hello'); // ['h','e','l','l','o']
//将set解构转化为数组
let nameSet = new Set(['a','b']);
Array.from(nameSet); // ['a','b']

二、Array.of()方法


       Array.of方法用于将一组值转化为数组。这个方法的主要目的是弥补构造函数Array()的不足。因为参数的个数会导致Array()函数行为有差异。

Array(3); // [, , ,]
Array.of(3); // [3]
Array(3,4,5); // [3,4,5]
Array.of(3,4,5); // [3,4,5]

三、数组的copyWithin()方法


       copyWithin(target,start,end)方法用于在当前数组内部将指定位置的成员复制到其他位置。

它接受三个参数:

target:从该位置开始替换数据

start:从该位置开始读取数据,默认为0。如果负数,表示倒数第几个。

end:到该位置停止读取数据,默认等于数组长度。如果负数,表示倒数第几个。

[1,2,3,4,5].copyWithin(0,3,4); // [4,2,3,4,5]
[1,2,3,4,5].copyWithin(0,-2,-1); // [4,2,3,4,5]

四、数组的find()和findIndex()方法


       find()方法用于找出第一个符合条件的数组成员。它的参数是一个回调函数,所有数组成员依次执行回调函数,知道找出第一个返回值为true的成员,然后返回该成员。如果没有符合条件的成员,返回undefined。

    findIndex()方法和find差不多,但是返回的是数组成员的位置。

[1,2,-5,10].find((n) => n<0 ) //-5
[1,2,-5,10].findIndex((n) => n<0 ) //2

五、数组的fill()方法


       fill()方法用于使用给定的值填充数组。

['a','b','c'].fill(7); // [7,7,7]
new Array(3).fill(7); // [7,7,7]
['a','b','c'].fill(7,1,2); // ['a',7,'c']

六、数组的entries()、keys()、values()方法


       keys()方法对键名进行遍历。

       valuess()方法对键值进行遍历。

       entries()方法对键值对进行遍历。

for (let index of ['a','b'].keys()){
  console.log(index);
}
//0
//1
for(let elem of ['a','b'].values()){
  console.log(elem);
}
//'a'
//'b'
for(let [index,elem] of ['a','b'].entries()){
  console.log(index,elem);
}
// 0 'a'
// 1 'b'

查看更多ES6教学文章:


1. 【ES6】let与const 详解

2. 【ES6】变量的解构赋值

3. 【ES6】字符串的拓展

4. 【ES6】正则表达式的拓展

5. 【ES6】数值的拓展

6. 【ES6】数组的拓展

7. 【ES6】函数的拓展

8. 【ES6】对象的拓展

9. 【ES6】JS第7种数据类型:Symbol

10. 【ES6】Proxy对象

11. 【ES6】JS的Set和Map数据结构

12. 【ES6】Generator函数详解

13. 【ES6】Promise对象详解

14. 【ES6】异步操作和async函数

15. 【ES6】JS类的用法class

16. 【ES6】Module模块详解

17. 【ES6】ES6编程规范 编程风格

参考文献


阮一峰 《ES6标准入门(第2版)》

相关文章
|
20天前
|
Serverless 网络架构
ES6学习笔记--函数与数组的拓展
ES6学习笔记--函数与数组的拓展
|
20天前
|
算法 JavaScript 前端开发
ES6学习笔记--对象的拓展
ES6学习笔记--对象的拓展
|
6月前
|
网络架构
ES6学习(五)—数组的扩展
ES6学习(五)—数组的扩展
|
12月前
|
JavaScript 前端开发 索引
【ES6】数组新增拓展
【ES6】数组新增拓展
61 0
|
12月前
【ES6】对象相关拓展
【ES6】对象相关拓展
28 0
|
12月前
【ES6】字符串新增拓展
【ES6】字符串新增拓展
54 0
|
12月前
【ES6】数值相关拓展
【ES6】数值相关拓展
50 0
|
JavaScript 前端开发 网络架构
【ES6】函数的拓展
【ES6】函数的拓展
|
数据采集 存储 JavaScript
【ES6】字符串的拓展
【ES6】字符串的拓展
100 0
|
JavaScript 前端开发
【ES6】对象的拓展
【ES6】对象的拓展