当前位置:首页 > JavaScript

用js实现trim函数

2026-03-01 09:56:46JavaScript

实现方法一:使用正则表达式

function trim(str) {
  return str.replace(/^\s+|\s+$/g, '');
}

这个实现使用正则表达式匹配字符串开头和结尾的空格,并用空字符串替换它们。^\s+匹配开头的空格,\s+$匹配结尾的空格,g标志表示全局匹配。

用js实现trim函数

实现方法二:使用字符串方法

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方法提取子字符串。

实现方法三:ES2019新增的trimStart和trimEnd

function trim(str) {
  return str.trimStart().trimEnd();
}

现代JavaScript环境支持trimStart()trimEnd()方法,可以分别去除开头和结尾的空格。这种方法最简单,但需要较新的JavaScript环境支持。

注意事项

  • 上述方法都会去除标准空格字符(U+0020)
  • 如果需要去除所有空白字符(包括制表符、换行符等),正则表达式可以修改为/^\s+|\s+$/g
  • 原始字符串不会被修改,所有方法都返回新字符串
  • 对于null或undefined输入,需要添加额外的检查逻辑

用js实现trim函数

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

相关文章

js实现拖拽

js实现拖拽

实现拖拽的基本步骤 通过监听鼠标事件(mousedown、mousemove、mouseup)实现拖拽功能。以下是核心代码逻辑: const draggableElement = document…

js实现倒计时

js实现倒计时

使用 setInterval 实现倒计时 通过 setInterval 定时器每秒更新剩余时间,适用于简单倒计时场景。 function countdown(seconds, callbac…

js实现全选

js实现全选

实现全选功能的方法 在JavaScript中实现全选功能通常涉及监听全选复选框的点击事件,并根据其状态控制其他复选框的选中状态。以下是几种常见的实现方式: 基础DOM操作实现 通过获取所有目标复选…

原生js实现轮播图

原生js实现轮播图

基本结构搭建 HTML部分需要包含轮播图容器、图片列表及导航按钮。结构示例如下: <div class="slider-container"> <div class="sli…

js轮播图实现原理

js轮播图实现原理

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

js实现pdf在线预览

js实现pdf在线预览

使用PDF.js实现PDF在线预览 PDF.js是由Mozilla开发的一个开源JavaScript库,可以在网页中直接渲染PDF文件。以下是实现PDF在线预览的步骤: 引入PDF.js库 在H…