ES9 之字符串原型扩展 trimStart() 和 trimEnd()

ES9 之字符串原型扩展 trimStart() 和 trimEnd()

在 JavaScript 中,字符串是一种基本数据类型,它由一串字符组成。在编写前端代码时,常常需要对字符串进行处理。 ES9 引入了两个新的字符串原型方法: trimStart() 和 trimEnd()。这两个方法可以帮助我们更方便地操作和处理字符串。

trimStart() 方法

trimStart() 方法用于删除字符串开头的所有空白字符,包括空格、制表符和换行符。该方法返回一个新的字符串,原字符串不会受到影响。其语法如下:

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

其中,str 表示要删除开头空白字符的字符串。

下面是一个示例代码,该代码对一个字符串进行了 trimStart() 的操作:

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

在该示例代码中,我们定义了一个字符串 str,并在该字符串的开头、结尾以及中间添加了一些空格。接着,我们使用 trimStart() 方法删除了字符串开头的所有空白字符,并将处理后的结果赋值给了另一个变量 trimmedStr。最后,我们将 trimmedStr 打印到控制台上,可以看到开头的空格字符已经被删除了。

trimEnd() 方法

trimEnd() 方法与 trimStart() 方法类似,它用于删除字符串结尾的所有空白字符,包括空格、制表符和换行符。该方法返回一个新的字符串,原字符串不会受到影响。其语法如下:

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

其中,str 表示要删除结尾空白字符的字符串。

下面是一个示例代码,该代码对一个字符串进行了 trimEnd() 的操作:

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

在该示例代码中,我们同样定义了一个字符串 str,并在该字符串的开头、结尾以及中间添加了一些空格。接着,我们使用 trimEnd() 方法删除了字符串结尾的所有空白字符,并将处理后的结果赋值给了另一个变量 trimmedStr。最后,我们将 trimmedStr 打印到控制台上,可以看到结尾的空格字符已经被删除了。

总结

ES9 引入的字符串原型方法 trimStart() 和 trimEnd() 可以很方便地删除字符串开头和结尾的空白字符,使字符串处理更加简单化。在实际开发中,我们应该根据实际需求,灵活运用这两个方法。

示例代码完整版:

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

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


猜你喜欢

  • 在 ES7 中使用 Object.values 和 Object.entries 来遍历对象

    在 ES7 中使用 Object.values 和 Object.entries 来遍历对象 在前端开发中,我们常常需要对对象进行遍历操作,以便获取对象中的数据或者进行数据的处理。

    1 年前
  • ECMAScript 2021 (ES12) 中的 globalThis、this 和 window 的区别

    在前端开发中,我们经常需要使用 JavaScript 进行编程。JavaScript 的版本很多,其中最新的是 ECMAScript 2021(也称为 ES12)。

    1 年前
  • ES9 之常见的全局函数详解

    随着 ECMAScript 的版本不断更新,前端开发中涉及到的全局函数也在不断扩充,ES9 中新增的全局函数解决了一些以往比较棘手的问题,让开发变得更加便捷和高效。

    1 年前
  • LESS 编程中常见的错误和解决方法

    LESS 是一种 CSS 预处理器,可以减少 CSS 编写的繁琐,提高 CSS 编写效率。虽然 LESS 简单易用,但是由于其使用方式与 CSS 有所不同,在使用过程中我们还是会遇到一些问题。

    1 年前
  • Deno 中的 DNS 解析技术浅析

    前言 Deno 是一个可用于编写高性能、现代的、可扩展的服务器端 JavaScript 和 TypeScript 应用程序的平台。在 Deno 中,DNS 解析技术是一个基本但十分重要的概念。

    1 年前
  • Mocha 测试套件如何加载第三方断言库?

    Mocha 是一个流行的 JavaScript 测试框架,它提供了一个可扩展的插件系统,使得用户可以加入第三方的插件和断言库。这篇文章将介绍如何在 Mocha 中加载第三方的断言库。

    1 年前
  • Tailwind 在实际项目中的应用经验总结

    随着 Web 技术的发展,前端工程师在日常的开发工作中经常需要使用 CSS 库和框架,以提高开发效率。 本文将从实际项目中的经验出发,总结 Tailwind 在前端项目中的应用,旨在为初学者提供深度的...

    1 年前
  • ES6 实现数据双向绑定的方式及其原理

    ES6 实现数据双向绑定的方式及其原理 在前端开发中,数据双向绑定是一个非常重要的概念,它让用户对界面的操作与数据模型的更新之间实现了完美的同步,提高了用户交互的体验和效率。

    1 年前
  • 使用 RxJS 时遇到的 “TypeError: Pipeline is not a constructor” 错误的解决方法

    在使用 RxJS 进行前端开发时,我们可能会遇到一个常见的错误,就是“TypeError: Pipeline is not a constructor”。这个错误通常出现在我们试图使用 RxJS 的管...

    1 年前
  • 解决使用 Babel 时出现 Unexpected Token 错误的技巧教程

    在前端开发过程中,Babel 是一款常用的 JavaScript 转码器。它可以将 ES6+ 语法转换为浏览器可识别的 ES5 语法,解放我们的生产力。但在使用 Babel 时,经常会出现 Unexp...

    1 年前
  • 使用 Jest 测试框架测试 Node.js 应用

    在前端开发中,测试是所有开发过程中必不可少的一环。有很多测试框架可供选择,但 Jest 是最流行的一个。它是一个简单易用的 JavaScript 测试框架,可以用于测试前端和后端应用程序。

    1 年前
  • 经验谈:Docker 容器部署 Django 项目实用方案及遇到的问题解决

    一、背景 随着近年来 Docker 技术的普及,越来越多的开发者开始使用 Docker 容器部署自己的应用程序。在这个过程中,Django 也成为了众多 Web 开发者的首选框架之一。

    1 年前
  • Serverless 架构下的容器部署

    Serverless 架构是一种新兴的、基于事件驱动的云计算架构,它将所有的服务器管理都交给了 Cloud Provider,使得开发者不需要关注服务器的配置和维护,只需要关注自己的业务逻辑,并以函数...

    1 年前
  • Vue SPA 使用 axios 拦截器实现异步请求校验

    在构建单页面应用时,经常需要向后端发起异步请求。由于这些请求涉及用户信息、数据合法性等敏感信息,必须对发送的请求进行校验,以确保数据的完整性和安全性。Vue 提供了一个优秀的 HTTP 库——axio...

    1 年前
  • 在 Next.js 项目中使用 Antd UI 库的实践经验分享

    Antd 是一款基于 React 的优秀 UI 库,提供了很多常用 UI 组件,方便开发者快速搭建页面。而 Next.js 则是一款支持服务端渲染的 React 框架,可以在一定程度上提升页面性能。

    1 年前
  • Kubernetes 项目中的日志处理 —— Fluentd 的使用与深入剖析

    在 Kubernetes 集群中,日志处理是一个非常重要的任务。由于集群中日志产生的数量巨大,为了保证系统稳定,需要对日志进行详细的收集、分析和处理。本文将深入介绍在 Kubernetes 中使用 F...

    1 年前
  • 如何在 GraphQL 中使用 JWT 进行身份认证?

    前言 随着现代应用程序的需求,身份认证已成为很普遍的应用功能。JSON Web Tokens (JWT) 已成为一种流行且安全的 token 格式,他可以用作用户认证和授权。

    1 年前
  • ECMAScript 2016 中的正则表达式之 Named Capturing Groups

    正则表达式在前端开发中有着广泛的应用,它可以用来检查和操作字符串。在 ECMAScript 2016 中,引入了一个新的特性:命名捕获组(Named Capturing Groups),它能够更方便地...

    1 年前
  • 在 Angular 应用程序中解决 JSON 循环引用错误

    什么是 JSON 循环引用错误? 在 Angular 应用程序中,我们常常需要从服务器获取 JSON 数据。JSON 数据是一种轻量级的数据交换格式,用于在客户端和服务器之间传输数据。

    1 年前
  • ECMAScript 2021(ES12) 中的 Promise.any() 方法详解

    Promise.any() 是 ECMAScript 2021(ES12) 中新增的方法,它将多个 Promise 实例包装成一个新的 Promise 实例,只要其中一个 Promise 实例状态变为...

    1 年前

相关推荐

    暂无文章