当前位置:首页 > JavaScript

实现trim js

2026-04-05 06:39:44JavaScript

实现 JavaScript 的 trim 功能

在 JavaScript 中,trim 方法用于去除字符串两端的空白字符。以下是几种实现方式:

使用原生 trim 方法

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

实现trim js

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

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

如需兼容旧环境或自定义行为,可通过正则表达式实现:

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

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

扩展 String 原型

若需为所有字符串添加该方法(不推荐修改原生原型,但某些场景可能有用):

实现trim js

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

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

性能优化版(避免正则)

对于极端性能敏感场景,可通过循环实现:

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);
}

处理 Unicode 空白字符

如需处理全角空格等 Unicode 空白字符:

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

标签: trimjs
分享给朋友:

相关文章

js如何实现继承

js如何实现继承

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

js实现报表

js实现报表

使用JavaScript实现报表 在JavaScript中实现报表功能可以通过多种方式完成,常见的方法包括使用原生JavaScript、第三方库(如Chart.js、D3.js)或结合后端数据渲染。以…

js实现目录

js实现目录

实现目录的基本思路 在JavaScript中实现目录功能通常涉及以下几个核心步骤:解析文档中的标题元素(如h1-h6),动态生成目录结构,并添加交互逻辑(如点击跳转)。以下是具体实现方法: 解析标题…

js实现正交

js实现正交

正交的概念 正交在数学和计算机科学中通常指两个向量垂直或线性无关。在编程中,正交性常被用于设计模块化、低耦合的系统。 向量正交判断 判断两个向量是否正交可以通过点积是否为0来实现: fun…

实现继承js

实现继承js

实现继承的方式 在JavaScript中,实现继承可以通过多种方式完成,每种方式都有其优缺点。以下是几种常见的实现继承的方法: 原型链继承 原型链继承是最基本的继承方式,通过将子类的原型指向父类的实…

js 实现全选

js 实现全选

实现全选功能的方法 使用 JavaScript 实现全选功能通常需要操作复选框(checkbox)的状态。以下是几种常见的实现方式。 通过 DOM 操作实现全选 // 获取全选复选框和子复选框 co…