自ES6的发布以来已经过去了几年，但是随着时间的推移，JavaScript仍然是一门非常流行的语言。ES8是JavaScript的另一个版本，它具有改进的功能和技巧，这些技巧可以帮助您在开发中更有效地使用JavaScript。这篇文章将介绍ES8中一些小技巧，这些技巧可能会对您的开发过程产生積极的影响。
Object.values() 和 Object.entries()
在ES8中，Object对象已被扩展，允许我们使用Object.values()和Object.entries()方法。Object.values()方法返回对象属性的值数组。假设我们有一个Person对象，该对象包含名称（name）和年龄（age）属性：
--- ------ - -
----- ------
---- --
-
----------------------------------- -- ------- ---所以我们可以轻松获取Person对象的所有属性值，并将其导出为一个数组，以便后续处理。
例如，我们可以使用Array.reduce()方法将所有Person对象的年龄相加：
--- ------ - -
------ ------ ---- ----
------ -------- ---- ----
------ ------ ---- ---
-
--- -------- - ---------------------
----------- -- -----------
--------------- ---- -- ----- - -----
---------------------- -- --同样，Object.entries()方法将返回对象属性的键值对数组。假设我们有一个存储销售数据的对象：
--- ----- - -
------ ----
------ ----
------ ---
-
-----------------------------------
-- -----
-- -
-- --------- -----
-- --------- -----
-- --------- ----
-- -我们可以轻松获取sales对象的所有键值对，这对于处理各种类型的数据非常有用。
字符串填充方法
ES8为字符串添加了两种方法：padStart()和padEnd()。这些方法可以将某个字符串填充到指定的长度，以便我们可以更容易地处理字符串。
padStart()
padStart()将在字符串开头添加指定的字符，以便该字符串足够长。例如，如果我们要在字符串“Hello”开头添加三个填充字符“*”，使其长度为8：
--- ---- - -------- ---------------------------- ------ -- --------
padStart()方法第一个参数代表最终的字符串长度，第二个参数代表用于填充字符串的字符。
padEnd()
padEnd()是padStart()方法的反向操作。它在字符串结尾添加指定数量的字符，以使字符串变得足够长。例如，如果我们要在字符串“Hello”结尾添加三个填充字符“*”，以使其长度为8：
--- ---- - -------- -------------------------- ------ -- --------
判断一个字符串是否包含另一个字符串
ES8为字符串添加了新的方法inlcudes()和startsWith()。这些方法可以方便地检查是否包含某个特定的字符串，并且它们返回布尔值。
includes()
includes()方法检查一个字符串是否包含另一个字符串，并返回一个布尔值。例如，如果我们想检查“Hello, World”是否包含“World”这个单词：
--- ---- - ------- -------- ------------------------------------ -- ----
startsWith()
startsWith()方法检查一个字符串是否以另一个指定的字符串开始，并返回一个布尔值。例如，如果我们要检查以下文件路径是否以“/usr”开始：
--- ---- - ---------------------- ------------------------------------- -- ----
还有一个endsWith()方法，它与startsWith()方法类似，但是检查的是字符串是否以指定的字符串结尾。
异步方法
ES8引入了async和await关键字 - 这些关键字使异步编程变得更加容易。async函数返回一个Promise对象，并允许您在函数中使用await命令来等待异步操作完成。例如，如果我们要等待一个API调用返回JSON数据：
----- -------- ----------- -
--- -------- - ----- ----------------------------------
--- ---- - ----- ----------------
------ -----
-
--------------------- -- -------------------async和await关键字可以使异步编程变得非常简单，让我们的代码更加易读和易于维护。
结论
ES8为JavaScript开发人员带来了一些非常有用的新功能和技术。在本文中，我们介绍了Object.values()和Object.entries()方法、字符串填充方法、检查字符串是否包含某个特定字符串的方法以及async和await关键字。如果您想在JavaScript开发中更加高效和快速地工作，那么这些技巧和技术对您来说绝对是值得学习的。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/66eda6c9bc9e1890c5e27763