ECMAScript 2018:使用 String.prototype.trimStart() 和 trimEnd()

在 ECMAScript 2018 版本中,引入了两个新的字符串方法:String.prototype.trimStart()String.prototype.trimEnd()。这两个方法可以用来移除字符串前后的空格和其他空白字符,其实它们和 String.prototype.trim() 方法功能是相似的,只不过 trim() 方法会同时移除字符串前后的空格和其他空白字符。

String.prototype.trimStart()

String.prototype.trimStart() 方法用来移除字符串前面的空格和其他空白字符,使用方法如下:

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

在上面的示例代码中,我们定义了一个包含前后空格的字符串 str,然后通过 trimStart() 方法移除了前面的空格,输出的结果是 hello world ,注意,这里只移除了前面的空格,后面的空格还在字符串中。

String.prototype.trimEnd()

String.prototype.trimEnd() 方法用来移除字符串后面的空格和其他空白字符,使用方法如下:

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

在上面的示例代码中,我们定义了一个包含前后空格的字符串 str,然后通过 trimEnd() 方法移除了后面的空格,输出的结果是 hello world,注意,这里只移除了后面的空格,前面的空格还在字符串中。

指导意义

trimStart()trimEnd() 方法写起来很简单,但是它们在实际开发中有很大的指导意义。比如,我们需要验证用户输入的手机号码是否正确,然后再进行操作。可以利用 trim() 方法去掉前后空格,再验证是否是合法的手机号码。再比如,我们在处理 URL 时,需要去掉后面的查询参数,也可以使用 trimEnd() 方法实现。

总之,trimStart()trimEnd() 与常规的字符串操作方法相比虽然非常简单,但也可以提高我们在实际开发中的效率。

总结

ECMAScript 2018 引入了两个新的字符串方法 trimStart()trimEnd(),它们可以用来移除字符串前后的空格和其他空白字符。这两个方法可以提高我们在实际开发中的效率,避免一些不必要的错误。在使用时只需注意 $ 字符的处理,就可以方便地使用这两个方法。

以上就是 ECMAScript 2018:使用 trimStart()trimEnd() 的详细说明以及示例代码。

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


猜你喜欢

  • 如何在 Cypress 中使用随机化数据

    在前端开发中,自动化测试是非常重要的一个环节。Cypress 是一个现代化的前端自动化测试框架,它的易用性、可靠性和实用性让它成为了开发人员的首选工具。在使用 Cypress 进行测试的过程中,如果我...

    1 年前
  • 在 Deno 中使用 GraphQL 实现 API

    前言 GraphQL 是一种由 Facebook 开发的数据查询语言和执行引擎,它不依赖于任何特定的数据库或存储引擎,可以对任何数据源进行查询。Deno 是一个新的 JavaScript 和 Type...

    1 年前
  • Node.js 应用程序集成测试:使用 Chai 和 Supertest

    在进行前端开发的过程中,往往需要进行各种类型的测试以确保代码质量和稳定性。其中之一便是集成测试,即测试各个组件之间的交互是否正常。这篇文章将介绍如何使用 Node.js 中的 Chai 和 Super...

    1 年前
  • 如何使用 TypeScript 重构 Vue.js 应用程序

    在前端开发中,Vue.js 是一款广泛应用的框架之一,然而随着项目规模的扩大,Vue.js 缺乏类型检查等特性会导致代码维护难度增加。为了解决这个问题,我们可以使用 TypeScript 对 Vue....

    1 年前
  • SASS代码中 @import 中的循环嵌套处理方案

    在进行前端开发时,我们会使用各种预处理器、框架等来提高我们的代码效率、可维护性以及代码风格的统一性。其中,SASS(Syntactically Awesome Style Sheets)是非常流行的C...

    1 年前
  • Node.js 中如何使用 Promise 解决回调问题

    Node.js 中如何使用 Promise 解决回调问题 在 Node.js 中,回调函数经常用来处理异步操作,比如文件读取、网络请求等。然而,这种风格的代码很容易陷入回调地狱,导致代码难以维护和理解...

    1 年前
  • PM2 的性能调优技巧,让你的 Node.js 应用再飞一点

    前言 在大型 Node.js 应用中,进程管理是必须要考虑的问题。而在进程管理方面,PM2 是一个强大的 Node.js 进程管理工具。PM2 可以管理 Node.js 进程的启动、重启、停止等操作,...

    1 年前
  • CSS Reset 技术实现 IE6 下的 PNG 透明效果

    在前端开发中,PNG 图片已经成为了最常用的图片格式之一,其支持透明通道,使得设计师可以设计出更丰富多彩的页面效果。但是,IE6 作为一个老旧的浏览器在处理 PNG 图片的透明效果上存在兼容性问题。

    1 年前
  • 通过 Webpack 打包实现 PWA 离线访问

    前言 随着移动设备越来越普及,用户对网站速度和体验的要求也越来越高。PWA (Progressive Web App) 技术应运而生,它可以提供更好的用户体验,比如离线访问、推送通知等。

    1 年前
  • Material Design 元素之间的间隔问题

    在前端开发中,元素之间的间隔是一个非常重要的设计问题。间隔的大小和合理性直接影响到页面的整体感觉和用户体验。而在 Material Design 中,间隔的处理与其他设计风格有所不同,本文将介绍 Ma...

    1 年前
  • 解决 Flask-RESTful marshal_with 装饰器无效的问题

    Flask-RESTful 是一个优秀的 Flask 扩展,可以方便地构建 REST API 接口。在编写 REST API 时,经常需要将数据格式化成 JSON 或者其它格式返回给客户端。

    1 年前
  • # 在 JavaScript 项目中使用 ES8 中的 Object.getOwnPropertyDescriptors() 方法实现 Mixin

    在 JavaScript 项目中使用 ES8 中的 Object.getOwnPropertyDescriptors() 方法实现 Mixin 在前端开发中,我们经常会使用 Mixin 技术来实现对象...

    1 年前
  • Kubernetes 中如何设置 Pod 的资源限制和请求

    Kubernetes 是一个开源的容器编排工具,可以自动部署、扩展和管理容器化应用程序。在 Kubernetes 中,Pod 是最小的调度单位,它由一个或多个容器组成并共享相同的网络命名空间。

    1 年前
  • RxJS 中的缓存操作:cache、shareReplay 与 publishReplay 的区别及使用方式

    RxJS 中的缓存操作:cache、shareReplay 与 publishReplay 的区别及使用方式 RxJS 是一个强大的响应式编程库,它允许我们以一种可预测的方式处理异步数据流。

    1 年前
  • 如何用 Custom Elements 和原生 JS 开发自定义 UI 组件

    在 Web 前端开发中,自定义 UI 组件是非常常见的需求。我们常常会使用一些常规的工具库如 Bootstrap,Ant Design 来快速开发我们的前端应用,但有些时候这些库并不能满足我们的需求,...

    1 年前
  • ES7 中的 Array.prototype.flatMap 方法简化代码

    ES7 中的 Array.prototype.flatMap 方法简化代码 在 ES7 中引入了一个新的数组方法 Array.prototype.flatMap,它能够简化一些操作,提高代码的可读性,...

    1 年前
  • React Native 中使用 Redux 控制程序状态

    React Native 中使用 Redux 控制程序状态 前言 React Native 是目前最受欢迎的跨平台移动开发框架之一,它能够帮助开发者快速构建高质量的原生移动应用。

    1 年前
  • Sequelize 中如何实现时间类型的查询?

    Sequelize 是一种基于 Node.js 的 ORM(对象关系映射),它可以帮助开发者使用 JavaScript 对关系型数据库进行增删改查操作。在实际开发中,我们经常需要查询某个时间段的数据,...

    1 年前
  • Next.js 开发问题记录及解决方案

    作为一款流行的 React 服务端渲染框架,Next.js 在 React 开发中扮演着不可或缺的角色。在使用 Next.js 进行开发时,我们常常会遇到一些问题,这篇文章将记录一些常见的 Next....

    1 年前
  • Promise 异步处理错误的方式及注意事项

    在前端开发中,异步操作已经成为了不可避免的部分。Promise 是一种用于异步编程的语法,可以解决“回调地狱”的问题,使得异步操作更加可读、可维护。在 Promise 的使用中,处理错误也是必不可少的...

    1 年前

相关推荐

    暂无文章