当前位置：首页 > JavaScript

js如何实现trim

2026-04-04 14:19:30JavaScript

实现字符串 trim 的方法

在 JavaScript 中，可以通过多种方式实现字符串的 trim 功能，去除字符串两端的空白字符（包括空格、制表符、换行符等）。

使用原生 String.prototype.trim()

JavaScript 原生提供了 trim() 方法，可以直接调用：

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

使用正则表达式自定义 trim

如果需要自定义 trim 的行为，可以通过正则表达式实现：

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

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

实现 trimStart 和 trimEnd

如果只需要去除字符串开头或结尾的空白字符，可以使用 trimStart() 和 trimEnd()：

const str = "   Hello, World!   ";
const trimmedStart = str.trimStart(); // "Hello, World!   "
const trimmedEnd = str.trimEnd(); // "   Hello, World!"

兼容旧浏览器的 polyfill

对于不支持 trim() 的旧浏览器，可以添加以下 polyfill：

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

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

去除特定字符

如果需要去除字符串两端特定的字符（而非空白字符），可以修改正则表达式：

js如何实现trim

function trimChar(str, char) {
    const regex = new RegExp(`^${char}+|${char}+$`, 'g');
    return str.replace(regex, '');
}

const str = "###Hello, World!###";
const trimmedStr = trimChar(str, '#');
console.log(trimmedStr); // "Hello, World!"

以上方法涵盖了 JavaScript 中实现 trim 功能的常见需求，可以根据具体场景选择合适的方式。