当前位置:首页 > 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实现打印

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

js实现列表

js实现列表

使用 JavaScript 实现列表 JavaScript 提供了多种方式来实现列表功能,包括数组操作、DOM 元素动态生成等。以下是几种常见的实现方法: 使用数组存储列表数据 数组是 JavaSc…

js实现pdf在线预览

js实现pdf在线预览

使用PDF.js实现PDF在线预览 PDF.js是由Mozilla开发的一个开源JavaScript库,可以在网页中直接渲染PDF文件。以下是实现PDF在线预览的步骤: 引入PDF.js库 在HT…

js分组实现

js分组实现

分组实现方法 在JavaScript中,可以通过多种方式实现数组或对象的分组操作。以下是几种常见的方法: 使用Array.prototype.reduce() 通过reduce方法可以轻松实现数组分…

js实现点击显示和隐藏

js实现点击显示和隐藏

实现点击显示和隐藏的JavaScript方法 使用classList.toggle切换类名 通过添加/移除CSS类控制元素的显示与隐藏,需提前在CSS中定义隐藏样式(如display: none)。…

js实现变形

js实现变形

使用 CSS 和 JavaScript 实现元素变形 在 JavaScript 中实现变形效果通常结合 CSS 的 transform 属性,通过动态修改该属性实现元素的旋转、缩放、倾斜或平移。 基…