前言
ECMAScript（简称 ES）是一种脚本语言，是由 Ecma 国际标准化组织（European Computer Manufacturers Association）制定的脚本语言标准。目前最新的 ES 规范为 ES2017，其定义了许多新的 JavaScript 语言特性。
在 ES2017 中，数组新增了三个常用方法：fill、find、findIndex。这三个方法的出现优化了数组的编程体验，本文将从实际应用出发，一一介绍这三个方法的使用方式以及使用场景。
fill 方法
fill 方法可以用指定的值填充一个数组中的全部或部分元素，具体语法如下：
Array.fill(value[, start[, end]])
参数说明：
- value：必需，填充值；
- start：可选，填充的起始位置，默认值为 0；
- end：可选，填充的终止位置，默认值为数组的长度。
fill 方法返回被填充的数组本身，因此可以链式调用其他数组方法。
使用示例：
-- -------------------- ---- ------- ----- --- - --- -- -- -- --- ------------ ------------ - ----------------- ---- --- -- -- -- -- ----------- --- --- - ------- - ------- ----------------- ---- --- -- -- -- -- ----------- -- --- --- - ------- - - - ---------- - ---- ----------------- ---- --- -- -- -- --
find 与 findIndex 方法
find 方法可以返回数组中满足条件的第一个元素的值，若找不到则返回 undefined。其语法如下：
Array.find(callback[, thisArg])
参数说明：
- callback：必需，回调函数，接收当前元素值、索引和原数组作为参数；
- thisArg：可选，回调函数内部的 this 对象，若不传则默认为 undefined。
findIndex 方法与 find 方法类似，不过它返回的是满足条件的第一个元素的索引，若找不到则返回 -1。其语法如下：
Array.findIndex(callback[, thisArg])
使用示例：
-- -------------------- ---- ------- ----- --- - --- -- -- -- --- ------ - ------ ----- ------- - -------------- -- ----- - --- --------------------- ---- - ------ -- ------ ----- ------- - -------------- -- ----- - ---- --------------------- ---- --------- ------ - --------- ----- ------- - ------------------- -- ----- - --- --------------------- ---- - ------ -- --------- ----- ------- - ------------------- -- ----- - ---- --------------------- ---- --
总结
在 ES2017 中，fill、find、findIndex 方法的新增丰富了数组的操作方式，让数组的操作更加灵活和方便。在实际开发中，我们可以根据需求选择不同的方法，以便更快、更好地实现业务需求。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6502da9a95b1f8cacd00f208
