当前位置:首页 > JavaScript

js trim 实现

2026-02-01 16:57:44JavaScript

实现 JavaScript 字符串 trim 功能

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

使用原生 trim() 方法

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

js trim 实现

const str = '  hello world  ';
console.log(str.trim()); // 输出: "hello world"

正则表达式实现

可以通过正则表达式模拟 trim() 功能:

function trim(str) {
  return str.replace(/^\s+|\s+$/g, '');
}
const str = '  hello world  ';
console.log(trim(str)); // 输出: "hello world"

扩展实现(trimStart 和 trimEnd)

单独实现去除左侧或右侧空白:

js trim 实现

// 去除左侧空白
function trimStart(str) {
  return str.replace(/^\s+/g, '');
}

// 去除右侧空白
function trimEnd(str) {
  return str.replace(/\s+$/g, '');
}

兼容旧浏览器的实现

对于不支持 trim() 的旧环境,可以扩展 String 原型:

if (!String.prototype.trim) {
  String.prototype.trim = function() {
    return this.replace(/^\s+|\s+$/g, '');
  };
}

性能优化实现

避免正则表达式,使用字符遍历:

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);
}

这些方法提供了不同场景下的字符串 trim 功能实现,可根据具体需求选择使用。

标签: jstrim
分享给朋友:

相关文章

js实现验证码

js实现验证码

实现验证码的JavaScript方法 生成随机验证码 使用Math.random()生成随机字符串,结合数字和字母: function generateCaptcha() { const ch…

jquery.js

jquery.js

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

js实现跳转

js实现跳转

使用 window.location 跳转 通过修改 window.location.href 实现页面跳转,这是最常用的方法。 window.location.href = 'https://…

js实现验证码

js实现验证码

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

js实现打印

js实现打印

使用window.print()方法实现打印 在JavaScript中,可以通过调用window.print()方法直接触发浏览器的打印功能。这会打开系统的打印对话框,用户可以选择打印机和设置打印选项…

js实现拷贝

js实现拷贝

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