当前位置:首页 > JavaScript

用js实现trim函数

2026-04-04 10:39:59JavaScript

用js实现trim函数

用js实现trim函数

实现 JavaScript 的 trim 函数

JavaScript 的 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 实现继承

原型链继承 通过让子类的原型对象指向父类的实例来实现继承。子类实例可以访问父类原型上的属性和方法。 function Parent() { this.name = 'parent'; } Par…

js实现拷贝

js实现拷贝

实现文本拷贝 使用 document.execCommand 方法(已废弃但兼容性较好): function copyText(text) { const textarea = document…

js钟表实现

js钟表实现

实现JavaScript钟表的基本方法 创建一个简单的JavaScript钟表可以通过以下步骤完成,涵盖数字和模拟两种形式。 数字钟表实现 HTML结构只需一个显示时间的容器: <div i…

js实现吸色

js实现吸色

使用Canvas实现吸色功能 通过Canvas的getImageData方法获取像素颜色数据。创建一个Canvas元素,将目标图像绘制到Canvas上,通过鼠标事件获取坐标对应的颜色值。 const…

js实现下拉菜单

js实现下拉菜单

使用HTML和CSS创建基础结构 HTML部分需要包含一个触发下拉的按钮和隐藏的下拉菜单内容: <div class="dropdown"> <button class="dr…

js实现下拉刷新

js实现下拉刷新

监听触摸事件 通过监听 touchstart、touchmove 和 touchend 事件来检测用户下拉手势。记录触摸起始位置和移动距离。 let startY = 0; let curr…