ES10 中的新特性 - trimStart（）和 trimEnd（）字符串函数和 Array＃flat（）

随着新的 ECMAScript 标准接踵而至，前端开发人员们又多了些新的工具来玩耍。其中，ES10 带来了两个新的字符串函数：trimStart()和 trimEnd()，还有一个新的数组方法： Array＃flat()。这些新特性在某些情况下，能够极大地提高我们的代码效率和可读性。本文将详细介绍这些新特性，同时通过示例代码来展示它们的用法和技巧。

trimStart() 和 trimEnd() 字符串函数

在 ES10 之前，为了去除字符串的首尾空格，我们常常需要使用 String.prototype.trim() 函数。而在 ES10 中，我们终于可以直接使用 trimStart() 和 trimEnd() 字符串函数了，也就是说，我们可以方便地去除字符串的起始或结尾部分的空格。

示例码：

const name = " John Doe   ";

console.log(name.trimStart()); // "John Doe   "
console.log(name.trimEnd()); // " John Doe"

Array＃flat() 数组方法

在编码过程中，我们经常会遇到数组嵌套的情况。这时，如果要将某个子元素取出来，我们通常需要使用几个嵌套的 for 循环来遍历整个数组。而在 ES10 中，我们终于有了一个更加便捷的方法： Array＃flat() 数组方法，它可以将多维数组“拍扁”，使得我们能够更加方便地遍历数组。

示例码：

const nums = [1, 2, [3, 4], [5, [6, [7]]]];

console.log(nums.flat(1)); // [1, 2, 3, 4, 5, Array[3]]
console.log(nums.flat(2)); // [1, 2, 3, 4, 5, 6, Array[1]]
console.log(nums.flat(3)); // [1, 2, 3, 4, 5, 6, 7]

结语

ES10 带来的这些新特性，无论是对于代码效率还是可读性，都能带来不小的提升。当然，这些新特性的使用场景和技巧还有很多，需要我们在不断的实践中去摸索和掌握。希望这篇文章能够对您有所帮助，也希望您能够在实践中不断地学习和进步。

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