ES10 中的三个数组方法 ——Array.prototype.{flat,flatMap,trim} 详解-JavaScript中文网-JavaScript教程资源分享门户

在 ES10 中，新增了三个数组方法：flat、flatMap 和 trim。这些方法可以大大简化前端开发中的数组操作，提高开发效率。本文将详细介绍这三个方法的用法和示例代码，帮助读者更好地理解和掌握它们。

1. Array.prototype.flat

flat 方法可以将嵌套的数组展开成一维数组。它接受一个可选参数，用于指定展开的深度。如果不指定深度，则默认展开一层。

1.1 基本用法

const arr = [1, 2, [3, 4], [[5, 6], [7, 8]]];
const flatArr = arr.flat();
console.log(flatArr); // [1, 2, 3, 4, [5, 6], [7, 8]]

1.2 指定深度

const arr = [1, 2, [3, 4, [5, 6]]];
const flatArr = arr.flat(2);
console.log(flatArr); // [1, 2, 3, 4, 5, 6]

2. Array.prototype.flatMap

flatMap 方法先对数组中的每个元素执行一个映射函数，然后将映射后的结果展开成一维数组。它和 map 方法的区别在于，flatMap 可以同时执行映射和展开操作，而 map 只能执行映射操作。

2.1 基本用法

const arr = [1, 2, 3];
const flatMapArr = arr.flatMap((item) => [item * 2]);
console.log(flatMapArr); // [2, 4, 6]

2.2 和 map 的区别

const arr = [1, 2, 3];
const mapArr = arr.map((item) => [item * 2]);
console.log(mapArr); // [[2], [4], [6]]

const flatMapArr = arr.flatMap((item) => [item * 2]);
console.log(flatMapArr); // [2, 4, 6]

3. String.prototype.trim

trim 方法可以去除字符串两端的空格。它不接受任何参数。

3.1 基本用法

const str = '   hello world   ';
const trimStr = str.trim();
console.log(trimStr); // 'hello world'

总结

本文介绍了 ES10 中的三个数组方法：flat、flatMap 和 trim。它们可以大大简化前端开发中的数组和字符串操作，提高开发效率。读者可以根据本文提供的示例代码进行学习和实践，掌握这些方法的用法和技巧。

来源：JavaScript中文网，转载请注明来源本文地址：https://www.javascriptcn.com/post/6566fde1d2f5e1655dfe804b