内置数据结构变化在 ECMAScript 2017 (ES8) 中的关键几点
ECMAScript 2017（ES8）是JavaScript编程语言的第八个版本，于2017年6月发布，它引入了新的内置数据结构和语法改进，这些变化将使得我们在开发现代Web应用程序时更加高效和舒适。下面，我将会总结几个ES8中的重要的内置数据结构变化，这些变化将会帮助你更好地使用JavaScript。
1. String.prototype.padStart 和 String.prototype.padEnd
在JavaScript中，padStart和padEnd被用来为字符串填充字符。在ES8中，字符串对象引入了两个新函数：String.prototype.padStart 和 String.prototype.padEnd。这两个函数让我们可以更加方便地填充字符串。
下面是对这两个新函数的使用示例：
const str1 = 'hello'; console.log(str1.padStart(10, '0')); // 输出：00000hello console.log(str1.padEnd(10, '0')); // 输出：hello00000
在这里，我们传递了一个长度为10的字符串，并且每次字符由“0”填充。
2. Object.entries
在ES8中，Object.entries函数已经被引入，它可以让我们访问对象的可枚举属性，并返回一个由键和值组成的数组。
下面是一个使用Object.entries的简单示例：
-- -------------------- ---- ------- ----- ------ - - ----- ------- ---- --- ------- ------ -- ----- ------- - ----------------------- ---------------------
输出：
[["name", "John"], ["age", 26], ["gender", "Male"]]
这将返回一个包含对象属性的数组，每个属性都是一个长度为2的数组，第一个元素是属性的键，第二个元素是属性的值。
3. Object.values
Object.values函数与Object.entries类似，但它返回的是一个包含对象的值的数组。
下面我们将使用Object.values函数获取一个对象的所有属性值：
-- -------------------- ---- ------- ----- ------ - - ----- ------- ---- --- ------- ------ -- ----- ------ - ---------------------- --------------------
输出：
["John", 26, "Male"]
像Object.entries，Object.values只返回对象的可枚举属性。
4. Object.getOwnPropertyDescriptors
在ES8中，Object.getOwnPropertyDescriptors函数已经被引入，它返回指定对象的所有属性的描述符。
下面是一个简单的示例：
-- -------------------- ---- ------- ----- ------ - - ----- ------- ---- --- ------- ------ -- ----- ----------- - ----------------------------------------- -------------------------
输出：
{
name: {value: "John", writable: true, enumerable: true, configurable: true},
age: {value: 26, writable: true, enumerable: true, configurable: true},
gender: {value: "Male", writable: true, enumerable: true, configurable: true}
}在这里，我们返回了一个对象描述符的对象，其中包含每个属性的值、可写性、可枚举性和可配置性。
总结
ES8中的这些内置数据结构变化可以使得我们更加方便地操作JavaScript的内置对象，从而更加高效地开发现代Web应用程序。尝试使用这些新特性，你会发现它们的确可以使你的开发工作变得更加轻松和高效。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64f01c03f6b2d6eab3a0e36d