ES11 之新增类型化数组函数-JavaScript中文网-JavaScript教程资源分享门户

在 ES11 中，新增了一些类型化数组函数，包括 from, of, slice, filter, map, reduce, reduceRight, every, some, find, findIndex, sort 等。本篇文章将详细介绍这些新增函数的使用方法以及指导意义。

1. from

from 方法用于将一个可迭代对象（如数组、Set、Map 等）转化为一个类型化数组。使用方法如下：

const arr = [1, 2, 3];
const uint8 = Uint8Array.from(arr);

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

此外，from 方法还可以接收一个回调函数，类似于 Array.from 方法的第二个参数。用法示例如下：

const arr = [1, 2, 3];
const uint8 = Uint8Array.from(arr, x => x * 2);

console.log(uint8);     // Uint8Array [ 2, 4, 6 ]

2. of

of 方法用于创建一个给定元素的类型化数组。使用方法如下：

const uint8 = Uint8Array.of(1, 2, 3);

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

3. slice

slice 方法与数组的 slice 方法类似，用于截取类型化数组的一段内容。使用方法如下：

const uint8 = new Uint8Array([1, 2, 3, 4]);
const sliced = uint8.slice(1, 3);

console.log(sliced);    // Uint8Array [ 2, 3 ]

4. filter

filter 方法与数组的 filter 方法类似，用于过滤类型化数组中的元素。使用方法如下：

const uint8 = new Uint8Array([1, 2, 3, 4]);
const filtered = uint8.filter(x => x < 3);

console.log(filtered);  // Uint8Array [ 1, 2 ]

5. map

map 方法与数组的 map 方法类似，用于将类型化数组中的元素进行转换。使用方法如下：

const uint8 = new Uint8Array([1, 2, 3, 4]);
const mapped = uint8.map(x => x * 2);

console.log(mapped);    // Uint8Array [ 2, 4, 6, 8 ]

6. reduce

reduce 方法与数组的 reduce 方法类似，用于将类型化数组中的元素进行累加。使用方法如下：

const uint8 = new Uint8Array([1, 2, 3, 4]);
const sum = uint8.reduce((acc, val) => acc + val, 0);

console.log(sum);       // 10

7. reduceRight

reduceRight 方法与数组的 reduceRight 方法类似，用于将类型化数组中的元素进行反向累加。使用方法如下：

const uint8 = new Uint8Array([1, 2, 3, 4]);
const sum = uint8.reduceRight((acc, val) => acc + val, 0);

console.log(sum);       // 10

8. every

every 方法与数组的 every 方法类似，用于检查类型化数组中的所有元素是否满足某个条件。使用方法如下：

const uint8 = new Uint8Array([1, 2, 3, 4]);
const res = uint8.every(x => x > 0);

console.log(res);       // true

9. some

some 方法与数组的 some 方法类似，用于检查类型化数组中的某个元素是否满足某个条件。使用方法如下：

const uint8 = new Uint8Array([1, 2, 3, 4]);
const res = uint8.some(x => x > 5);

console.log(res);       // false

10. find

find 方法与数组的 find 方法类似，用于查找类型化数组中满足条件的元素。使用方法如下：

const uint8 = new Uint8Array([1, 2, 3, 4]);
const res = uint8.find(x => x > 2);

console.log(res);       // 3

11. findIndex

findIndex 方法与数组的 findIndex 方法类似，用于查找类型化数组中满足条件的元素的下标。使用方法如下：

const uint8 = new Uint8Array([1, 2, 3, 4]);
const res = uint8.findIndex(x => x > 2);

console.log(res);       // 2

12. sort

sort 方法与数组的 sort 方法类似，用于对类型化数组进行排序。使用方法如下：

const uint8 = new Uint8Array([4, 1, 3, 2]);
uint8.sort();

console.log(uint8);     // Uint8Array [ 1, 2, 3, 4 ]

需要注意的是，排序算法与数组的 sort 方法不同，类型化数组的排序算法是基数排序，时间复杂度为 O(nk)。

指导意义

新增类型化数组函数的出现，使我们在处理二进制数据的时候更加方便快捷。使用这些函数，我们不再像以前一样需要手动遍历和处理二进制数据，而是可以像处理普通数组一样方便地操作二进制数据。这极大地提升了我们在处理二进制数据时的效率和开发效能。同时，这些函数的使用方法与数组的常规函数类似，让我们在使用时更加轻松和自如。

总结来说，掌握了这些新增类型化数组函数的使用方法，不仅能够提升我们在处理二进制数据时的效率，也有助于我们更加深入地理解和掌握 JavaScript 的基础知识。因此，学习并掌握这些新增函数是非常有价值的。

来源：JavaScript中文网，转载请注明来源 https://www.javascriptcn.com/post/646868b8968c7c53b08a130e

ES11 之 新增类型化数组函数