数组的扩展

扩展运算符

1. 含义 ...
   1. 将一个数组转为用逗号分隔的参数序列
   2. 该函数主要用于函数调用

function Sum(x,y){ return x+y; } let arr = [3, 5] Sum(...arr) // 8

1. 替代数组的apply方法
2. 扩展运算符的应用
   1. 合并数组

// es5 [1, 2].concat(more) 
// es6 [1,2 ...more]

• 1. 与解构赋值组合
     1. 扩展运算符可以与解构赋值结合起来，生成数组
     2. 组合使用，扩展运算符必须放在参数的最后一位。

const [first, ...rest] = [1,2,3,4] 
first; // 1 
rest; // [2,3,4]

• 1. 函数的返回值
  2. 字符串
     1. 扩展运算符可以将字符串转为真正的数组。
  3. Map和Set结构、Generator函数

let map = new Map([ [1, 'one'], [2, 'two'] ]); 
let arr = [...map.keys()]; // [1, 2]

Generator函数

let go = function*(){ yield 1; yield 2; } [...go()]; // [1, 2]

Array.from()

Array.from方法用于将两类对象转为真正的数组：类似数组的对象和可遍历对象（包括es6新增的数据结构Set和Map）。

let arrayLike = { '0': 'a', '1': 'b', lenght: 2 } 
let arr = Array.from(arrayLike); // ['a', 'b']

实际应用中，常见的类似数组的对象是DOM操作返回的NodeList集合。

Array.of()

Array.of方法用于将一组值转换为数组。

Array.of(3, 11, 8); // [3, 11, 8] 
Array.of(undefined); // [undefined]

Array.of 总是返回参数值组成的数组。如果没有参数，就返回一个空数组。

Array.of 方法可以用代码模拟实现

function ArrayOf(){ return [].slice.call(arguments); }

数组实例的copyWithin()

方法会在当前数组内部将指定位置的成员复制到其他位置（会覆盖原有成员），然后返回当前数组。

Array.prototype.copyWithin(target, start=0, end=this.length)

target（可选）从该位置开始替换数据

start（可选）从该位置开始读取数据，默认为0。如果是负值，表示倒数。

end（可选）到该位置前停止读取数据，默认等于数组成都。

这三个参数应该都是数值，如果不是，会自动转为数值。

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

数组实例的find()和findIndex()

find方法用于找出第一个符合条件的数组成员。它的参数是一个回调函数，所有数组成员一次执行该回调函数，直到找到第一个返回值为true的成员。

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

find方法回调函数接受3个参数，依次为当前的值、当前的位置和原数组。