当前位置:首页 > JavaScript

js trim 实现

2026-04-06 09:53:07JavaScript

实现 JavaScript 的 trim 方法

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

使用原生 trim 方法

现代浏览器和 Node.js 原生支持 trim 方法:

js trim 实现

const str = "  Hello World  ";
const trimmedStr = str.trim();
console.log(trimmedStr); // "Hello World"

手动实现 trim 方法

如果需要在旧环境或自定义逻辑中实现 trim,可以通过正则表达式或遍历字符实现。

方法1:正则表达式实现

js trim 实现

function trim(str) {
  return str.replace(/^\s+|\s+$/g, '');
}
const str = "  Hello World  ";
console.log(trim(str)); // "Hello World"

方法2:遍历字符实现

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);
}
const str = "  Hello World  ";
console.log(trim(str)); // "Hello World"

支持 Unicode 空格的 trim

如果需要处理 Unicode 空格(如 \u00A0),可以扩展正则表达式:

function trimUnicode(str) {
  return str.replace(/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g, '');
}
const str = "\u00A0Hello World\u00A0";
console.log(trimUnicode(str)); // "Hello World"

性能优化

正则表达式实现通常性能较好,但在高频调用场景下,遍历字符的实现可能更高效。建议根据实际需求选择合适的方法。

标签: jstrim
分享给朋友:

相关文章

js实现动画

js实现动画

使用 CSS 动画与 JavaScript 控制 通过 JavaScript 动态添加或移除 CSS 类来触发动画。CSS 定义关键帧(@keyframes),JavaScript 通过 classL…

js实现全选

js实现全选

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

js实现图

js实现图

JavaScript 实现图的常用方法 在 JavaScript 中,图(Graph)可以通过多种方式实现,常见的包括邻接表(Adjacency List)和邻接矩阵(Adjacency Matrix…

js实现自举

js实现自举

实现 JavaScript 自举的方法 JavaScript 自举(Bootstrap)通常指通过 JavaScript 动态加载自身或依赖的脚本,实现运行时环境的初始化或扩展。以下是几种常见实现方式…

js节流实现

js节流实现

节流的概念 节流(Throttle)是一种限制函数执行频率的技术,确保函数在一定时间间隔内只执行一次。常用于滚动事件、窗口调整等高频触发的场景。 基础实现方法 使用时间戳判断是否执行函数: fun…

js实现原理

js实现原理

JavaScript 实现原理 JavaScript 是一种解释型语言,其实现原理涉及多个核心组件和运行机制,包括引擎、运行时环境、事件循环等。 引擎与解释执行 现代 JavaScript 引擎(如…