JavaScript 在 ES9 引入的一些新功能中新增了一些有用的语言功能。 特别是在字符串和对象的扩展方面,ES9 添加了一些包括非常用途的功能。
在本文中,我们将介绍 ES9 新增的适用于 String 和 Object 的扩展功能,以及如何使用它们来提高我们的开发效率。
String 扩展功能
trimStart() 和 trimEnd()
ES9 新增了两个实用的字符串方法:trimStart()
和 trimEnd()
,用于将字符串开头和结尾的空格去除。 这些方法与trim()
方法的作用相同,只不过它们分别作用于字符串的头部和尾部。
以下是一个示例:
const greeting = ' Hello World! '; console.log(greeting.trimStart()); // Output: 'Hello World! ' console.log(greeting.trimEnd()); // Output: ' Hello World!'
padStart() 和 padEnd()
padStart()
和 padEnd()
方法允许我们在字符串的开头或结尾添加指定数量的字符。 这非常有用,特别是当我们需要将字符串呈现为具有相同长度的列时。
举个例子:
const code = 'JS'; console.log(code.padStart(5, '0')); // Output: "00JS" console.log(code.padEnd(5, '0')); // Output: "JS00"
Object 扩展功能
遍历顺序
在 ES9 中,我们可以通过 Object.entries()
方法和 Object.values()
方法遍历对象。它们不仅遍历对象的键和值,还可以按照定义对象时的顺序进行遍历。
以下是一个示例:
-- -------------------- ---- ------- ----- ------ - - ----- ----------- -------- --------- --- ----- ----------- ------ ------ -- ------------------------------------ -- ------- --------- ----------- --------- ------------ --- ------ -------------- ------ -------- -- ----------------------------------- -- ------- ------------ -------- --- ----- ------ ------- --
Object.fromEntries()
Object.fromEntries()
方法接受一个键值对数组,并将其转换为与之等效的对象。这个方法在我们需要将数据从数组转换为对象时非常有用。
以下是一个示例:
-- -------------------- ---- ------- ----- ------- - - -------- ----------- --------- ------------ --- ------ -------------- ------ ------- -- ----- ------ - ---------------------------- -------------------- -- ------- - ----- ----------- -------- --------- --- ----- ----------- ------ ------ - --
总结
ES9 添加的这些适用于 String 和 Object 的扩展功能,是 JavaScript 开发人员的福音。 它们提供了解决许多问题的简单而有效的方法,并且能够使我们的代码更为高效和可读。 无论是顺序遍历对象,还是去除开头和结尾的空格,ES9 扩展功能无疑在开发中派上了极大的用场。
相信通过本文的介绍,相信读者已经掌握了这些新功能的使用方法,能够在我们的开发工作中发挥出更大的作用。
来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/6492b3ef48841e9894080f44