数组的扩展

1、扩展运算符

扩展运算符为三个点（...），可以将数组中的值以逗号形式序列化。

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

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

[...document.querySelectorAll('div')]
// [<div>, <div>, <div>]

2、数组的find（）和findIndex（），来查找符合条件的数组成员或者下标

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

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

3、数组实例的entries()，keys() 和 values()

entries（）、keys（）、values（）是配合for...of来使用的，其中keys（）是遍历键名，values是遍历减值

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

4、includes（）返回布尔值，判断数组是否包含某个值

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