是什么

ES6中新增的一些方法或者特性

怎么用

常用

1. 扩展运算符

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

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

2. 构造函数 Array.from() Array.of()

3. 实例方法

• copyWithin()
• find()、findIndex()
• fill()
• entries()，keys()，values()
• includes()
• flat()，flatMap()

[1, 2, 3, 4, 5].copyWithin(0, 3) // 将从 3 号位直到数组结束的成员（4 和 5），复制到从 0 号位开始的位置，结果覆盖了原来的 1 和 2
// [4, 5, 3, 4, 5] 

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

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

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

for (let elem of ['a', 'b'].values()) {
  console.log(elem);
}
// 'a'
// 'b'

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

[1, 2, [3, 4]].flat()
// [1, 2, 3, 4]

其他

原理

FAQ