ES2019 中的全局对象 API-JavaScript中文网-JavaScript教程资源分享门户

ES2019 是 ECMAScript 的最新版本，其中包含了一些全局对象 API 的更新和新增。这些更新和新增对于前端开发者来说非常有用，因为它们可以提高开发效率和代码质量。本文将详细介绍 ES2019 中的全局对象 API，包括它们的用法、示例代码和指导意义。

Object.fromEntries

Object.fromEntries 方法可以将一个键值对的数组转换为一个对象。这个方法的作用是和 Object.entries 相反的，Object.entries 方法可以将一个对象转换为一个键值对的数组。这两个方法可以相互转换，非常方便。

示例代码：

// javascriptcn.com 代码示例
const entries = [
  ['name', 'John'],
  ['age', 30],
  ['city', 'New York']
];

const obj = Object.fromEntries(entries);

console.log(obj); // { name: "John", age: 30, city: "New York" }

指导意义：

Object.fromEntries 可以让我们更方便地将一个键值对的数组转换为一个对象。在实际开发中，我们经常需要将一个键值对的数组转换为一个对象，这个方法可以帮助我们提高开发效率。

String.prototype.trimStart 和 String.prototype.trimEnd

String.prototype.trimStart 和 String.prototype.trimEnd 方法可以分别去掉字符串的开头和结尾的空格。这两个方法的作用是和 String.prototype.trim 相似的，String.prototype.trim 方法可以去掉字符串开头和结尾的空格，但是这两个方法可以更精确地去掉字符串开头和结尾的空格。

示例代码：

const str = '   hello world   ';

console.log(str.trimStart()); // 'hello world   '
console.log(str.trimEnd()); // '   hello world'

指导意义：

String.prototype.trimStart 和 String.prototype.trimEnd 可以让我们更方便地去掉字符串开头和结尾的空格。在实际开发中，我们经常需要去掉字符串开头和结尾的空格，这两个方法可以帮助我们提高开发效率。

Array.prototype.flat 和 Array.prototype.flatMap

Array.prototype.flat 方法可以将一个多维数组转换为一个一维数组。这个方法可以通过传入一个数字参数来指定要展开的层数。Array.prototype.flatMap 方法可以将一个多维数组转换为一个一维数组，并且可以通过一个回调函数来对每个元素进行处理。

示例代码：

// javascriptcn.com 代码示例
const arr1 = [1, 2, [3, 4]];
console.log(arr1.flat()); // [1, 2, 3, 4]

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

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

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

指导意义：

Array.prototype.flat 和 Array.prototype.flatMap 可以让我们更方便地处理多维数组。在实际开发中，我们经常需要处理多维数组，这两个方法可以帮助我们提高开发效率。

总结

ES2019 中的全局对象 API 包括 Object.fromEntries、String.prototype.trimStart、String.prototype.trimEnd、Array.prototype.flat 和 Array.prototype.flatMap，这些 API 可以提高我们的开发效率和代码质量。在实际开发中，我们应该熟练掌握这些 API 的用法，并且根据需要灵活地运用它们。

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