当前位置：首页 > JavaScript

js如何实现trim

2026-03-01 13:35:52JavaScript

实现字符串 trim 的方法

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

使用原生 String.prototype.trim 方法

现代浏览器和 Node.js 环境都支持原生的 trim 方法，这是最简单高效的方式：

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

使用正则表达式实现自定义 trim

如果需要兼容旧环境或实现自定义的 trim 逻辑，可以使用正则表达式：

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

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

分别实现 trimStart 和 trimEnd

如果需要单独去除开头或结尾的空白字符：

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

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

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

使用 ES2019 新增的 trimStart 和 trimEnd

ES2019 规范中新增了 trimStart 和 trimEnd 方法：

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

性能优化版本

对于需要高频调用的场景，可以考虑性能优化版本：

function fastTrim(str) {
  let start = 0;
  let end = str.length - 1;

  while (start <= end && str[start] <= ' ') start++;
  while (end >= start && str[end] <= ' ') end--;

  return str.slice(start, end + 1);
}

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

支持 Unicode 空格的 trim

标准 trim 方法只能去除 ASCII 空格，如果需要处理 Unicode 空格：

function unicodeTrim(str) {
  return str.replace(/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g, '');
}

const str = '\uFEFF   hello world   \xA0';
console.log(unicodeTrim(str)); // 输出: "hello world"

选择哪种方法取决于具体需求，在大多数现代应用中使用原生 trim 方法即可。如果需要特殊处理或兼容旧环境，可以考虑自定义实现。

js如何实现trim