ECMAScript 2019 新增的 Array 扩展方法介绍及用法详解-JavaScript中文网-JavaScript教程资源分享门户

ECMAScript 2019 中新增了一些很有用的 Array 扩展方法，这些方法能够让我们更加方便地对数组进行操作，提高编码效率和代码可读性。本文将对这些扩展方法进行介绍和详解，并提供使用示例，以帮助读者更好地理解和运用它们。

flat 和 flatMap

在早期的 JavaScript 中，我们经常需要使用嵌套的数组来处理数据，但是这样会使数据结构深度增加，不便于直接处理。针对该问题，ECMAScript 2019 新增了 Array 的 flat 和 flatMap 方法，这两个方法让我们可以快速展开嵌套数组并返回一个扁平化的数组。

flat 方法用于将嵌套数组展开为一个扁平的数组，并返回一个新的数组。

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

如果有多层嵌套数组，我们可以通过指定 flat 方法的参数来控制展开的深度。

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

flatMap 方法在 flat 基础上新增了对每个元素的处理函数，可以将每个元素转换为另一个数组，并将所有数组连接起来形成一个新的数组。

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

在 JavaScript 中，我们经常需要处理字符串中的空格，ECMAScript 2019 新增了 Array 的 trimStart 和 trimEnd 方法，可以快速去掉字符串开头和结尾的空格。

const str = "  abc  ";
console.log(str.trimStart()); // 输出 "abc  "
console.log(str.trimEnd()); // 输出 "  abc"

fromEntries 方法用于将一个由键值对组成的二维数组转化成对象。在以前，我们一般使用 Object.fromEntries 方法来实现，但是该方法并不支持在低版本的浏览器中使用。fromEntries 方法使这一过程变得更加便捷。

const entries = [
  ["a", 1],
  ["b", 2],
];
const obj = Object.fromEntries(entries);
console.log(obj); // 输出 { a: 1, b: 2 }

使用 fromEntries 方法可以更加简单地实现这一功能。

const entries = [
  ["a", 1],
  ["b", 2],
];
const obj = Object.fromEntries(entries);
console.log(obj); // 输出 { a: 1, b: 2 }

在 ECMAScript 2019 中，Array.prototype.sort 方法的排序算法已经升级为稳定排序算法（stable sorting algorithm）。稳定排序算法指，如果在比较过程中两个元素相等，它们的相对顺序与排序前保持一致。

本文介绍了 ECMAScript 2019 中新增的 Array 扩展方法 flat、flatMap、trimStart、trimEnd 和 fromEntries，以及 Array.prototype.sort 升级为稳定排序算法。了解这些方法并灵活运用它们可以提高编码效率和代码可读性。

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