ES8的一些小技巧，你可能不知道-JavaScript中文网-JavaScript教程资源分享门户

自ES6的发布以来已经过去了几年，但是随着时间的推移，JavaScript仍然是一门非常流行的语言。ES8是JavaScript的另一个版本，它具有改进的功能和技巧，这些技巧可以帮助您在开发中更有效地使用JavaScript。这篇文章将介绍ES8中一些小技巧，这些技巧可能会对您的开发过程产生積极的影响。

Object.values() 和 Object.entries()

在ES8中，Object对象已被扩展，允许我们使用Object.values()和Object.entries()方法。Object.values()方法返回对象属性的值数组。假设我们有一个Person对象，该对象包含名称（name）和年龄（age）属性：

let person = {
    name: 'Tom',
    age: 25
}

console.log(Object.values(person)); // ['Tom', 25]

所以我们可以轻松获取Person对象的所有属性值，并将其导出为一个数组，以便后续处理。

例如，我们可以使用Array.reduce()方法将所有Person对象的年龄相加：

-- -------------------- ---- -------
--- ------ - -
    ------ ------ ---- ----
    ------ -------- ---- ----
    ------ ------ ---- ---
-

--- -------- - ---------------------
    ----------- -- -----------
    --------------- ---- -- ----- - -----

---------------------- -- --展开代码

同样，Object.entries()方法将返回对象属性的键值对数组。假设我们有一个存储销售数据的对象：

-- -------------------- ---- -------
--- ----- - -
    ------ ----
    ------ ----
    ------ ---
-

-----------------------------------

-- -----
-- -
--     --------- -----
--     --------- -----
--     --------- ----
-- -展开代码

我们可以轻松获取sales对象的所有键值对，这对于处理各种类型的数据非常有用。

字符串填充方法

ES8为字符串添加了两种方法：padStart()和padEnd()。这些方法可以将某个字符串填充到指定的长度，以便我们可以更容易地处理字符串。

padStart()

padStart()将在字符串开头添加指定的字符，以便该字符串足够长。例如，如果我们要在字符串“Hello”开头添加三个填充字符“*”，使其长度为8：

let text = 'Hello';
console.log(text.padStart(8, '*')); // ***Hello

padStart()方法第一个参数代表最终的字符串长度，第二个参数代表用于填充字符串的字符。

padEnd()

padEnd()是padStart()方法的反向操作。它在字符串结尾添加指定数量的字符，以使字符串变得足够长。例如，如果我们要在字符串“Hello”结尾添加三个填充字符“*”，以使其长度为8：

let text = 'Hello';
console.log(text.padEnd(8, '*')); // Hello***

判断一个字符串是否包含另一个字符串

ES8为字符串添加了新的方法inlcudes()和startsWith()。这些方法可以方便地检查是否包含某个特定的字符串，并且它们返回布尔值。

includes()

includes()方法检查一个字符串是否包含另一个字符串，并返回一个布尔值。例如，如果我们想检查“Hello, World”是否包含“World”这个单词：

let text = 'Hello, World!';
console.log(text.includes('World')); // true

startsWith()

startsWith()方法检查一个字符串是否以另一个指定的字符串开始，并返回一个布尔值。例如，如果我们要检查以下文件路径是否以“/usr”开始：

let path = '/usr/local/bin/node';
console.log(path.startsWith('/usr')); // true

还有一个endsWith()方法，它与startsWith()方法类似，但是检查的是字符串是否以指定的字符串结尾。

异步方法

ES8引入了async和await关键字 - 这些关键字使异步编程变得更加容易。async函数返回一个Promise对象，并允许您在函数中使用await命令来等待异步操作完成。例如，如果我们要等待一个API调用返回JSON数据：

async function fetchData() {
    let response = await fetch('https://someapi.com/data');
    let data = await response.json();
    return data;
}

fetchData().then(data => console.log(data));

async和await关键字可以使异步编程变得非常简单，让我们的代码更加易读和易于维护。

结论

ES8为JavaScript开发人员带来了一些非常有用的新功能和技术。在本文中，我们介绍了Object.values()和Object.entries()方法、字符串填充方法、检查字符串是否包含某个特定字符串的方法以及async和await关键字。如果您想在JavaScript开发中更加高效和快速地工作，那么这些技巧和技术对您来说绝对是值得学习的。

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

ES8的一些小技巧，你可能不知道