当前位置:首页 > JavaScript

js trim 实现

2026-04-06 09:53:07JavaScript

实现 JavaScript 的 trim 方法

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

使用原生 trim 方法

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

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

手动实现 trim 方法

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

方法1:正则表达式实现

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),可以扩展正则表达式:

js trim 实现

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
分享给朋友:

相关文章

jquery.js

jquery.js

jQuery 简介 jQuery 是一个快速、简洁的 JavaScript 库,用于简化 HTML 文档遍历、事件处理、动画设计和 Ajax 交互。它的设计宗旨是“Write Less, Do Mor…

js实现验证码

js实现验证码

使用Canvas生成图形验证码 在HTML中创建一个Canvas元素用于绘制验证码。通过JavaScript随机生成数字或字母组合,并添加干扰线、噪点等干扰元素增强安全性。 <canvas i…

js实现图表

js实现图表

在JavaScript中实现图表通常使用流行的图表库,以下是几种常见的方法和工具: 使用Chart.js Chart.js是一个简单灵活的库,适合快速生成响应式图表。安装方式包括CDN引入或npm安…

使用js实现

使用js实现

使用JavaScript实现 JavaScript可以通过Math.random()函数生成随机数,结合其他方法可以实现多种随机数生成需求。 // 生成0到1之间的随机小数 const random…

js实现投球

js实现投球

实现投球动画的基本思路 使用JavaScript和CSS动画结合的方式模拟投球效果。核心是通过改变元素的位置、旋转和缩放属性,配合定时器或CSS过渡实现平滑动画。 创建基础HTML结构 <di…

js实现目录

js实现目录

实现目录的基本思路 在JavaScript中实现目录功能通常涉及以下几个核心步骤:解析文档中的标题元素(如h1-h6),动态生成目录结构,并添加交互逻辑(如点击跳转)。以下是具体实现方法: 解析标题…