06 数组的扩展

1. res 参数和扩展运算符
2. Array.from()与Array()
3.数组实例的 find() 和 findIndex()
4.数组实例的 fill()
5.数组实例的 entries() keys() values()
6.数组实例的 includes()
7.数组实例的 flat() flatMap()

1.res 参数和扩展运算符

rest参数的形式为：…变量名；扩展运算符是三个点（…数组）

1. rest参数
2. 扩展运算符

1.res 参数

rest参数用于获取函数的多余参数，这样就不需要使用arguments对象了。rest参数搭配的变量是一个数组，该变量将多余的参数放入数组中。

function add(...values) {
  let sum = 0

  for (var val of values) {
    sum += val
  }
  return sum
}

console.log(add(1,2,3)) //6

1.rest参数搭配的变量是一个数组，即…values的values是一个数组。
2.add(1,2,3)调用时，吧参数1,2，3放入了values数组。
3.总结一下：即把参数传入数组。

2.扩展运算符

扩展运算符可以看做是 rest 参数的逆运算，将一个数组转为用逗号分隔的参数序列。

console.log(...[1,2,3]) // 1 2 3

把数组[1,2,3]扩展为1 2 3

function add (x,y) {
  return x+y
}
var numbers = [4,38]
console.log(add(...numbers)) //42

把数组numbers扩展为4 38

var arr1 = [0,1,2]
var arr2 = [3,4,5]
arr1.push(...arr2) //把arr2扩展为参数push进数组arr1
console.log(arr1) // [0,1,2,3,4,5]

2.Array.from()与Array()

es6前的把其他类型转为数组对象时，使用的是Array()

var a = Array('hello')
a  // ["hello"]
a instanceof Array // true

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

Array.from('hello')  // ["h", "e", "l", "l", "o"]

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

作用：找出某个符合条件的数组成员

• find() 用于找出第一个符合条件的数组成员，参数是一个回调函数，找到返回value，找不到返回undefined。
• findIndex方法的用法与find方法非常类似，返回第一个符合条件的数组成员的位置，如果所有成员都不符合条件，则返回-1

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

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

4.数组实例的 fill()

作用：填充数组

console.log(
  ['a','b','c'].fill(7)
)

console.log(
  ['a','b','c'].fill(7,1,2)
)

fill(value,[start],[end])。

数组实例的 entries() keys() values()

• entries(）对键值对遍历
• keys() 对键名遍历
• values() 对键值遍历

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

6.数组实例的 includes()

作用：
判断数组是否包含 给定的值,第二个参数表示查询起点

[1, 2, 3].includes(2)  // true
[1, 2, 3].includes(2,-1) //false
[1, 2, 3].includes(2,-2) // true

在这个方法之前，我们一直用的是indexof(),字符串实例也有这个方法。

[1,2,3].indexOf(1) // 0
'abc'.indexOf('c') // 2

7.数组实例的 flat() flatMap()

• flat() 转为一维数组
• flatMap() 执行一个函数再转为一维数组