当前位置:首页 > JavaScript

js trim 实现

2026-03-14 16:02:51JavaScript

js trim 实现

js trim 实现

实现 JavaScript 的字符串 trim 方法

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

使用原生方法(最简单)

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

自定义实现(正则表达式)

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

自定义实现(非正则)

function customTrim(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(customTrim(str)); // "Hello World!"

扩展实现(trimStart 和 trimEnd)

// trimStart 实现
function trimStart(str) {
    return str.replace(/^\s+/g, '');
}

// trimEnd 实现
function trimEnd(str) {
    return str.replace(/\s+$/g, '');
}

const str = "   Hello World!   ";
console.log(trimStart(str)); // "Hello World!   "
console.log(trimEnd(str)); // "   Hello World!"

注意事项

  • 原生 trim() 方法在 IE9 及以上版本支持,如需兼容旧版浏览器需使用自定义实现。
  • 正则表达式实现简洁但性能略低于非正则实现,适用于大多数场景。
  • 自定义非正则实现适合对性能要求较高的场景。

标签: jstrim
分享给朋友:

相关文章

js 实现vue

js 实现vue

实现 Vue 的核心功能 在 JavaScript 中实现 Vue 的核心功能需要模拟数据绑定、虚拟 DOM 和响应式系统。以下是一个简化版的实现思路: 响应式系统 通过 Object.define…

js实现验证码

js实现验证码

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

js实现打印

js实现打印

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

js实现乘

js实现乘

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

js 实现链表

js 实现链表

链表的基本概念 链表是一种线性数据结构,由一系列节点组成,每个节点包含数据和指向下一个节点的指针。与数组不同,链表在内存中是非连续存储的,插入和删除操作效率较高。 链表的实现 在 JavaScrip…

链表实现js

链表实现js

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