本系列属于阮一峰老师所著的学习笔记

---

拓展运算符

拓展运算符...用于将一个数组转为用逗号分隔的参数序列

console.log(...[1,2,3]) // 1 2 3console.log(1,...[2,3,4],5) // 1 2 3 4 5// 函数调用function f(x, w, x, y, z) {  return x + y + x + w + z}f(1, ...arr, 2, ...[3]) // 17// 后置表达式let x = 1const arr1 = [...(x > 0 ? ['a'] : ['b']), 'c'] // ["a", "c"]const arr2 = [...(x < 0 ? ['a'] : ['b']), 'c'] // ["b", "c"][...[], 1] // [1]// 替换ES5中applyfunction f(x, y, z) {  console.log(x, y, z)}var args = [1, 2, 3]// ES5f.apply(null, args) // 1 2 3// ES6f(...args) // 1 2 3// push数组var arr1 = [0, 1, 2]var arr2 = [3, 4, 5]arr1.push(...arr2) // [0, 1, 2, 3, 4, 5]// date设置new Date(...[2015, 0, 1]) // Thu Jan 01 2015 00:00:00 GMT+0800 (中国标准时间)// 合并数组var arr1 = ['a', 'b']var arr2 = ['c']var arr3 = ['d', 'e']console.log([...arr1, ...arr2, ...arr3]) // ["a", "b", "c", "d", "e"]// 与结构赋值结合 用于数组赋值只能放在最后一位const [first, ...rest] = [1, 2, 3, 4, 5];first // 1rest  // [2, 3, 4, 5]const [first, ...rest] = [];first // undefinedrest  // []const [first, ...rest] = ["foo"];first  // "foo"rest   // []const [...butLast, last] = [1, 2, 3, 4, 5] // 报错const [first, ...middle, last] = [1, 2, 3, 4, 5]  // 报错// 字符串转化[...'hello'] // ["h", "e", "l", "l", "o"]// 正确识别32位Unicode字符的长度let str = 'x\uD83D\uDE80y'[...'x\uD83D\uDE80y'].length // 3[...str].reverse().join('') // 'y\uD83D\uDE80x'

Array.from()

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

Array.from({ length: 2 }) // [undefined, undefined]{ '0': 'a', '1': 'b', length: 2 }) // ["a", "b"]Array.from('hello') // ["h", "e", "l", "l", "o"]// 接受第二个参数，作用类似于数组的map方法，用来对每个元素进行处理，将处理后的值放入返回的数组Array.from([1, 2, 3], (x) => x * x)// 把原始的数据结构转换为规范的数组结构，然后利用众多数组方法对其进行处理Array.from({ length: 2 }, () => 'jack') // ["jack", "jack"]// 处理各种Unicode字符，并且正确返回其长度function f(string) {  return Array.from(string).length}

Array.of()

Array.of 方法用于将一组值，转换为数组，该方法主要用来弥补数组构造函数Array() 的不足。

Array.of(3,11,8) // [3,11,8]Array.of(3) // [3]Array.of(3).length // 1

copyWithin()

数组实例的copyWithin方法，在当前数组内部，将指定位置的成员复制到其他位置（会覆盖原有成员），然后返回当前数组。也就是说，使用这个方法，会修改当前数组。

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

它接受三个参数。

• target（必需）：从该位置开始替换数据。
• start（可选）：从该位置开始读取数据，默认为0。如果为负值，表示倒数。
• end（可选）：到该位置前停止读取数据，默认等于数组长度。如果为负值，表示倒数。

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

// 将3号位复制到0号位[1, 2, 3, 4, 5].copyWithin(0, 3, 4)// [4, 2, 3, 4, 5]

find()

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

[1, 5, 10, 15].find(function(value, index, arr) {  return value > 9;}) // 10

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

findIndex()

findIndex 与find 方法很类似，用于返回第一个符合条件的数组成员位置。如果所有成员都不符合，则返回-1

[1, 5, 10, 15].findIndex(function(value, index, arr) {  return value > 9;}) // 2

fill()

fill 方法使用指定值，填充一个数组

['a','b','c'].fill(1) // [1,1,1]new Array(3).fill(1) // [1,1,1]// 接收第二个和第三个参数，用于指定填充的其实位置和结束位置['a', 'b', 'c'].fill(7, 1, 2) // ['a', 7, 'c']

entries() , keys() , values()

这三个方法用于遍历数组，返回一个遍历器对象，可以用for...of 循环进行遍历，keys 是对键名的遍历，values 是对键值的遍历，entries 是对键值对的遍历

// 使用for...of进行遍历for(let index of ['a','b'].keys()){    console.log(index)}// 0// 1for(let val of ['a','b'].values()){    console.log(val)}// 'a'// 'b'for(let [index,val] of ['a','b'].entries()){    console.log(index,val)}// 0 'a'// 1 'b'// 手动调用遍历器对象的next方法let entries = ['a','b','c'].entries()console.log(entries.next().value) // [0, 'a']console.log(entries.next().value) // [1, 'b']console.log(entries.next().value) // [2, 'c']

includes()

includes 方法返回一个布尔值，表示某个数组是否包含特定的值

[1,2,3].includes(2) //true// 支持第二个参数，表示搜索的其实位置[1,2,3].includes(3,3) // false[1,2,3].includes(3,-1) // true// 可以很方便的替换indexOf的功能