ES6 数组扩展

ES6 数组扩展_第1张图片
数组使用扩展运算符展开
ES6 数组扩展_第2张图片
ES6 数组扩展_第3张图片
简介的输入参数

集合

ES6 数组扩展_第4张图片
ES6 数组扩展_第5张图片
ES6 数组扩展_第6张图片
变回数组

Array.from()

ES6 数组扩展_第7张图片
将类数组转为数组
长度等于 length属性的值

ES6 数组扩展_第8张图片
回调,将item * 2 返回
ES6 数组扩展_第9张图片

Array.of()

ES6 数组扩展_第10张图片
将值合并为一个数组
ES6 数组扩展_第11张图片

Array.fill()

ES6 数组扩展_第12张图片
声明一个数组 并填充0
ES6 数组扩展_第13张图片
第二个第三个为可选参数
0: 从索引0开始填充
3:填充个数为3个

Array.includes()

ES6 数组扩展_第14张图片
与字符串的类似

使用Array.keys() 与 forof遍历

ES6 数组扩展_第15张图片
输出 0123 索引
ES6 数组扩展_第16张图片
输出值 1 2 3 444
ES6 数组扩展_第17张图片
输出的为键值对组成的数组 得到的是 [key, value] 的数组

Array.find()

ES6 数组扩展_第18张图片
只寻找一个值
ES6 数组扩展_第19张图片
ES6 数组扩展_第20张图片
最后返回6 find结束

findIndex()

ES6 数组扩展_第21张图片
与find类似 但返回的是下标 找不到则返回 -1

Array.filter()

ES6 数组扩展_第22张图片
ES6 数组扩展_第23张图片
Filter 不会修改原数组
filter方法是对原数组进行过滤筛选,产生一个新的数组对象
map方法对元素中的元素进行加工处理,产生一个新的数组对象。
map方法每个值都会返回

Array.map()

map方法的资料来自老王的专栏
ES6 数组扩展_第24张图片
ES6 数组扩展_第25张图片

你可能感兴趣的:(ES6)