当前位置:首页 > JavaScript

用js实现trim函数

2026-04-04 10:39:59JavaScript

实现 JavaScript 的 trim 函数

JavaScript 的 trim 函数用于去除字符串两端的空白字符(包括空格、制表符、换行符等)。以下是几种实现方式:

用js实现trim函数

使用正则表达式

function trim(str) {
  return str.replace(/^\s+|\s+$/g, '');
}
  • ^\s+ 匹配字符串开头的所有空白字符。
  • \s+$ 匹配字符串末尾的所有空白字符。
  • g 标志表示全局匹配。

使用 ES2019 的 trimStarttrimEnd

function trim(str) {
  return str.trimStart().trimEnd();
}
  • trimStart 去除开头的空白字符。
  • trimEnd 去除末尾的空白字符。

使用循环遍历

function trim(str) {
  let start = 0;
  let end = str.length - 1;
  while (start <= end && str[start] === ' ') start++;
  while (end >= start && str[end] === ' ') end--;
  return str.substring(start, end + 1);
}
  • 从字符串开头遍历,找到第一个非空白字符的位置。
  • 从字符串末尾遍历,找到最后一个非空白字符的位置。
  • 使用 substring 截取中间部分。

性能比较

  • 正则表达式方法简洁但可能稍慢。
  • trimStarttrimEnd 是原生方法,性能最佳。
  • 循环遍历方法适用于不支持原生方法的旧环境。

选择哪种方法取决于具体需求和环境兼容性。

标签: 函数js
分享给朋友:

相关文章

js实现轮播

js实现轮播

实现轮播图的基本思路 轮播图的核心逻辑是通过定时切换展示的图片或内容,通常结合左右滑动按钮和指示器(小圆点)增强交互性。以下是基于原生JavaScript的实现方法。 HTML结构 构建轮播图的HT…

js实现文件下载

js实现文件下载

使用 a 标签下载文件 通过动态创建 a 标签并设置 download 属性实现文件下载。适用于已知文件 URL 或 Blob 数据的情况。 function downloadFile(url, f…

js 实现倒计时

js 实现倒计时

实现倒计时的基本方法 使用 JavaScript 实现倒计时可以通过 setInterval 或 setTimeout 结合日期计算来完成。以下是两种常见实现方式。 使用 setInterval 实…

Vue函数实现

Vue函数实现

在Vue中实现函数可以通过多种方式,具体取决于使用场景(选项式API、组合式API或生命周期钩子)。以下是常见方法: 方法1:选项式API中的methods 在Vue 2或选项式API中,函数通常定…

js轮播图实现原理

js轮播图实现原理

轮播图的基本原理 轮播图通过动态切换显示的内容(图片、文本等)实现视觉上的滑动效果。核心原理是利用CSS和JavaScript控制元素的显示与隐藏,或通过变换位置实现滑动动画。 实现方法一:CSS…

jquery js

jquery js

jQuery 简介 jQuery 是一个快速、简洁的 JavaScript 库,简化了 HTML 文档遍历、事件处理、动画和 Ajax 交互。它兼容多种浏览器,提供易于使用的 API,使开发者能够更高…