ES9 中适用于 String 和 Object 的扩展功能

JavaScript 在 ES9 引入的一些新功能中新增了一些有用的语言功能。 特别是在字符串和对象的扩展方面,ES9 添加了一些包括非常用途的功能。

在本文中,我们将介绍 ES9 新增的适用于 String 和 Object 的扩展功能,以及如何使用它们来提高我们的开发效率。

String 扩展功能

trimStart() 和 trimEnd()

ES9 新增了两个实用的字符串方法:trimStart()trimEnd(),用于将字符串开头和结尾的空格去除。 这些方法与trim() 方法的作用相同,只不过它们分别作用于字符串的头部和尾部。

以下是一个示例:

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

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

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

padStart() 和 padEnd()

padStart()padEnd() 方法允许我们在字符串的开头或结尾添加指定数量的字符。 这非常有用,特别是当我们需要将字符串呈现为具有相同长度的列时。

举个例子:

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

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

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

Object 扩展功能

遍历顺序

在 ES9 中,我们可以通过 Object.entries() 方法和 Object.values() 方法遍历对象。它们不仅遍历对象的键和值,还可以按照定义对象时的顺序进行遍历。

以下是一个示例:

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

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

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

Object.fromEntries()

Object.fromEntries() 方法接受一个键值对数组,并将其转换为与之等效的对象。这个方法在我们需要将数据从数组转换为对象时非常有用。

以下是一个示例:

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

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

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

总结

ES9 添加的这些适用于 String 和 Object 的扩展功能,是 JavaScript 开发人员的福音。 它们提供了解决许多问题的简单而有效的方法,并且能够使我们的代码更为高效和可读。 无论是顺序遍历对象,还是去除开头和结尾的空格,ES9 扩展功能无疑在开发中派上了极大的用场。

相信通过本文的介绍,相信读者已经掌握了这些新功能的使用方法,能够在我们的开发工作中发挥出更大的作用。

来源:JavaScript中文网 ,转载请联系管理员! 本文地址:https://www.javascriptcn.com/post/6492b3ef48841e9894080f44


猜你喜欢

  • 如何在 Web Components 中使用 AJAX 请求?

    Web 组件是一种可重用的 Web 界面元素,在前端开发中越来越受欢迎。与 React、Vue 等框架相比,Web 组件更具有独立性和灵活性。然而,在 Web 组件中使用 AJAX 请求是一项需要特别...

    1 年前
  • RxJS 6 中的 Pipeable 操作符

    RxJS 是一个功能强大的响应式编程库,它可以让开发者更轻松地构建复杂的异步应用程序。RxJS 6 引入了 Pipeable 操作符,它可以让代码更加模块化、可读性更好,并且更易于维护。

    1 年前
  • 使用 Mongoose 实现 MongoDB 数据的备份和恢复

    使用 Mongoose 实现 MongoDB 数据的备份和恢复 MongoDB 是目前非常流行的 NoSQL 数据库,其使用方便,操作简单。在开发过程中,MongoDB 数据的备份和恢复非常重要,因为...

    1 年前
  • 常见的 Node RESTful API 设计误区与优化方法

    RESTful API 是一种广泛应用于 Web 开发和移动应用开发的基于 HTTP 协议的 API 设计规范。在 Node 应用中使用 RESTful API 设计,可以方便实现数据的增删改查等操作...

    1 年前
  • Sequelize 线程池配置指南

    Sequelize 是一个很受欢迎的 Node.js ORM 库,它支持多种数据库,包括 MySQL、PostgreSQL、SQLite、MSSQL 等等。在使用 Sequelize 进行数据库操作时...

    1 年前
  • ES6 中 try-catch 语句有了变化,你知道吗?

    前端开发中使用 try-catch 语句是很常见的,它可以用来捕获代码中的异常情况,让代码更加健壮。在 ECMAScript 6(以下简称 ES6)中,try-catch 语句有了一些变化,本文将详细...

    1 年前
  • 解决 Angular 4 中的 “Can't bind to 'ngModel' since it isn't a known property” 问题

    在 Angular 4 开发过程中,经常会遇到这样的错误提示:“Can't bind to 'ngModel' since it isn't a known property”。

    1 年前
  • 用 Vue.js 完成一个 SPA 应用的骨架实现

    随着前端技术的快速发展和互联网的迅猛发展,单页应用程序(SPA)已成为当今前端应用程序的首选方案之一。Vue.js 是一种非常流行的前端 JavaScript 框架,它使开发 SPA 应用程序变得更加...

    1 年前
  • 官微耗时性能优化的技巧姿势

    在现代数字化时代,官微已经成为了企业宣传、营销及客户服务的重要渠道。然而,作为前端工程师,我们必须面对官微访问量大、资源复杂的问题,而这些问题会直接影响到用户访问官微的用户体验。

    1 年前
  • Fastify 实践:如何使用 fastify-jwt 插件保护 API 接口

    Fastify 实践:如何使用 fastify-jwt 插件保护 API 接口 Fastify 是一个快速和低开销的 Web 框架,拥有广泛的生态系统和良好的文档支持。

    1 年前
  • TypeScript 中如何使用 ES6/ES7 中新增的特性

    ES6 和 ES7(ECMAScript 2015 和 ECMAScript 2016)带来了一系列新的语言特性,包括箭头函数、解构赋值、类、模板字符串、async/await 等等。

    1 年前
  • Mocha 中的 describe 和 it 方法的用法详解

    在前端开发中,经常需要测试代码的正确性和可靠性。而 Mocha 是一个常用的 JavaScript 测试框架,它提供了 describe 和 it 方法来组织和运行测试用例。

    1 年前
  • Chai 断言库:如何进行 Schema 验证?

    Chai 断言库:如何进行 Schema 验证? 在前端开发中,我们经常需要验证数据的正确性,特别是在处理用户输入或者调用接口时,数据格式的正确性尤为重要。而在 JavaScript 中,Chai 断...

    1 年前
  • Server-sent Events 如何在生产环境中使用

    简介 Server-sent Events(简称为 SSE)是 Web 开发中一种在客户端和服务器之间传输事件的机制。与 WebSocket 不同,SSE 仅支持从服务端到客户端的单向数据流。

    1 年前
  • PM2 与 Docker 的配合使用教程

    前言 在现代 web 开发中,一个应用很可能在多个环境中运行。如测试服务器、预发布、生产等。而 Docker 却可以帮助我们统一环境、打包应用、管理容器,从而简化部署流程。

    1 年前
  • 解析 ECMAScript 2021 中的逻辑赋值运算符

    逻辑赋值运算符是一种新的 ECMAScript 2021 中的语法特性,它允许我们在一行代码中同时执行逻辑运算和赋值操作。本文将深入介绍逻辑赋值运算符的使用方法,并提供一些示例代码以帮助读者更好地理解...

    1 年前
  • ES6 中的模板字面量及模板标签的使用实例

    前言 ES6(ECMAScript6)是 JavaScript 开发人员广泛使用的新版本,其中包含了一些新的特性和改进,其中包括模板字面量和模板标签。它们能够加速前端开发的速度和增强代码的可读性。

    1 年前
  • 小组利用 AI 技术提高无障碍设计的可访问性的实践经验

    前言 Web 网站和应用程序的无障碍设计意味着它们不会因为某个用户群体的残疾或障碍而无法访问。较好的无障碍设计将有助于增进所有用户的参与感,并创造更广泛的包容性体验。

    1 年前
  • 那些 Serverless 框架

    现在,随着云计算的发展,越来越多的企业开始采用 Serverless 技术来构建应用程序和服务。Serverless 架构简化了服务器和运维管理,提高了开发效率,有效降低了成本。

    1 年前
  • Next.js 的 Webpack 配置说明

    前言 Next.js 是一个流行的 React 服务端渲染框架,它提供了很多功能,包括代码分割,静态导出,预取等等。但是在某些情况下,我们可能需要更精细地控制其中的 Webpack 配置,本篇文章将介...

    1 年前

相关推荐

    暂无文章