最近几年，前端开发变得越来越重要，而 JavaScript 这门语言也开始变得越来越流行。ECMAScript（以下简称 ES）是 JavaScript 的标准化规范，每一次的更新都会带来许多新的特性和改进。本文将介绍 ES 中的数组新增方法与操作符 plusinc，旨在帮助读者更好地了解这些新特性，提升代码编写能力。
数组新增方法
在 ES6 中，新增了许多数组方法，包括了：Array.prototype.fill()、Array.prototype.copyWithin()、Array.prototype.findIndex()、Array.prototype.includes()、Array.prototype.keys() 等等。这些方法允许我们更加方便地操作数组，特别是在处理大型数组时。
Array.prototype.includes()
Array.prototype.includes() 用于判断数组中是否包含某个特定的值，返回一个布尔值。如果数组中包含这个值，则返回 true，否则返回 false。
const arr = [1, 2, 3]; console.log(arr.includes(2)); // true console.log(arr.includes(4)); // false
Array.prototype.fill()
Array.prototype.fill() 用于将数组中的元素全部替换为某个固定的值。
const arr = [1, 2, 3]; arr.fill(0); console.log(arr); // [0, 0, 0]
Array.prototype.copyWithin()
Array.prototype.copyWithin() 用于将数组中的某些元素复制到另外一些位置上。第一个参数表示被复制到的位置，第二个参数表示被复制的起始位置，第三个参数表示被复制的结束位置。
const arr = [1, 2, 3, 4, 5, 6]; arr.copyWithin(0, 3, 5); console.log(arr); // [4, 5, 3, 4, 5, 6]
Array.prototype.findIndex()
Array.prototype.findIndex() 用于查找数组中符合条件的第一个元素的索引，如果没找到则返回 -1。
const arr = [1, 2, 3, 4, 5]; const res = arr.findIndex(i => i === 3); console.log(res); // 2
Array.prototype.keys()
Array.prototype.keys() 返回一个包含数组索引键的迭代器对象。
const arr = ['a', 'b', 'c']; const iterator = arr.keys(); console.log(iterator.next()); // {value: 0, done: false} console.log(iterator.next()); // {value: 1, done: false} console.log(iterator.next()); // {value: 2, done: false} console.log(iterator.next()); // {value: undefined, done: true}
操作符 plusinc
在 ES2016 中，新增了一个用于数组操作的操作符 plusinc。它的作用是在数组尾部添加元素，并返回一个新的数组。
let arr = [1, 2, 3]; arr += 4; console.log(arr); // "1,2,3,4"
在操作数组时，plusinc 可以带来更加便捷的写法。例如，对于一个数组进行排序时：
let arr = [2, 7, 3, 5, 8]; const sorted = arr.sort();
上述代码可以用 plusinc 进行简化：
arr += [].sort.call([2, 7, 3, 5, 8]);
这样的写法更加简单直观，也能够在一些场景下提高代码效率。
总结
数组新增方法和操作符 plusinc 在 ES 中都是非常实用的，在实际开发中也会经常用到。本文介绍了这些特性的用法，并提供了相应的示例代码。相信读者可以通过本文更好地掌握这些特性，提升前端开发能力。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6642869fd3423812e406e7b1
