在前端开发中，我们经常会遇到需要编写大量重复代码的情况。这不仅会让代码变得冗长而且会增加出错的概率。为了解决这个问题，ECMAScript 2019（也称为 ES10）引入了一些新特性。
Array.prototype.flatMap()
在 ES2019 中，我们引入了一个新的数组方法 flatMap()。它与 map() 方法非常相似，但它可以将 map 函数的返回值扁平化成一个新的数组。
例如，下面这个数组：
const arr = [1, 2, 3, 4, 5];
我们可以使用 map() 方法来将它们乘以 2 并放到一个新数组中：
const mappedArr = arr.map(num => [num * 2]); // [[2], [4], [6], [8], [10]]
但是，这个数组是一个嵌套数组，我们需要使用 flat() 方法来将它扁平化：
const flatMappedArr = arr.map(num => [num * 2]).flat(); // [2, 4, 6, 8, 10]
使用 flatMap() 方法可以让我们简化这个过程：
const flatMappedArr = arr.flatMap(num => [num * 2]); // [2, 4, 6, 8, 10]
Object.fromEntries()
在 ES2019 中，我们还引入了一个新的静态方法 Object.fromEntries()。它可以将一个键值对数组转换为一个对象。
例如，我们有下面这个数组：
const arr = [['foo', 1], ['bar', 2], ['baz', 3]];
我们可以使用 Object.fromEntries() 方法将它转换成一个对象：
const obj = Object.fromEntries(arr);
// {foo: 1, bar: 2, baz: 3}这个方法非常有用，尤其是当你需要将一个对象转换成一个参数列表时，比如调用一个函数。
String.prototype.trimStart() 和 String.prototype.trimEnd()
在 ES2019 中，我们还引入了两个新的字符串方法 trimStart() 和 trimEnd()，它们可以去除字符串的开头和结尾的空格。
例如，我们有下面这个字符串：
const str = ' hello world ';
我们可以使用 trim() 方法去除开头和结尾的空格：
const trimmedStr = str.trim(); // 'hello world'
但是，当我们只想去除字符串的开头或结尾的空格时，trim() 方法就不太方便了。这时，我们可以使用 trimStart() 和 trimEnd() 方法。
const trimmedStart = str.trimStart(); // 'hello world ' const trimmedEnd = str.trimEnd(); // ' hello world'
总结
ECMAScript 2019（ES10）引入了一些新特性来解决 JavaScript 中的代码重复问题。我们看到了 flatMap() 方法可以将 map 函数的返回值扁平化成一个新的数组，Object.fromEntries() 方法可以将一个键值对数组转换为一个对象，以及 trimStart() 和 trimEnd() 方法可以分别去除字符串的开头和结尾的空格。这些新特性让我们的代码更加简单、易读和可维护。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64c34db383d39b488174b173