当前位置:首页 > JavaScript

js 实现trim

2026-04-06 19:29:30JavaScript

实现 JavaScript 的 trim 方法

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

使用原生 trim 方法

现代浏览器和 Node.js 已原生支持 String.prototype.trim,直接调用即可:

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

正则表达式实现

若需兼容旧环境或自定义逻辑,可用正则表达式:

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

扩展实现(支持 Unicode 空白字符)

更全面的实现需匹配 Unicode 空白字符:

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

性能优化版本

避免频繁正则创建,可预编译正则:

const trimRegex = /^\s+|\s+$/g;
function optimizedTrim(str) {
  return str.replace(trimRegex, '');
}

兼容性处理

检测原生方法是否存在,不存在时扩展原型:

js 实现trim

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

标签: jstrim
分享给朋友:

相关文章

js如何实现继承

js如何实现继承

原型链继承 通过将子类的原型指向父类的实例实现继承。子类实例能够访问父类原型上的属性和方法。 function Parent() { this.name = 'parent'; } Parent…

js实现乘

js实现乘

JavaScript 实现乘法运算 在 JavaScript 中实现乘法运算可以通过多种方式完成,包括基本运算符、函数封装以及高级算法(如大数乘法)。以下是几种常见方法: 使用基本乘法运算符 Jav…

jquery js

jquery js

jQuery 简介 jQuery 是一个快速、简洁的 JavaScript 库,简化了 HTML 文档遍历、事件处理、动画和 Ajax 交互。它兼容多种浏览器,提供易于使用的 API,使开发者能够更高…

js手势实现

js手势实现

手势识别实现方法 在JavaScript中实现手势识别通常涉及监听触摸事件(touchstart、touchmove、touchend)或鼠标事件(mousedown、mousemove、mouseu…

链表实现js

链表实现js

链表的基本概念 链表是一种线性数据结构,由一系列节点组成,每个节点包含数据和一个指向下一个节点的指针(单向链表)或两个指针(双向链表)。与数组不同,链表在内存中非连续存储,插入和删除操作更高效,但随机…

js实现显示隐藏

js实现显示隐藏

显示隐藏的实现方法 在JavaScript中,实现元素的显示和隐藏可以通过多种方式完成。以下是几种常见的方法: 修改CSS的display属性 通过改变元素的display属性可以在none(隐藏)…