当前位置:首页 > 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方法提取子字符串。

用js实现trim函数

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

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

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

注意事项

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

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

相关文章

js 实现继承

js 实现继承

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

js实现图片预览

js实现图片预览

使用FileReader API实现图片预览 通过FileReader对象读取用户选择的图片文件并显示预览: const input = document.getElementById('image…

jquery.js

jquery.js

jQuery 是一个快速、简洁的 JavaScript 库,简化了 HTML 文档遍历、事件处理、动画设计和 Ajax 交互等操作。以下是关于 jQuery.js 的核心信息和使用方法: 获…

js实现拷贝

js实现拷贝

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

js 实现链表

js 实现链表

链表的基本概念 链表是一种线性数据结构,由一系列节点组成,每个节点包含数据和指向下一个节点的指针。与数组不同,链表在内存中是非连续存储的,插入和删除操作效率较高。 链表的实现 在 JavaScrip…

jquery函数

jquery函数

jQuery 函数概述 jQuery 是一个快速、简洁的 JavaScript 库,通过封装原生 JavaScript 功能,简化 DOM 操作、事件处理、动画和 AJAX 等任务。其核心函数 $()…