当前位置:首页 > JavaScript

实现trim js

2026-04-05 06:39:44JavaScript

实现 JavaScript 的 trim 功能

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

使用原生 trim 方法

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

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 原型

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

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 空白字符:

实现trim js

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

标签: trimjs
分享给朋友:

相关文章

js实现图片放大缩小

js实现图片放大缩小

实现图片放大缩小的基础方法 使用CSS的transform: scale()属性可以快速实现图片的放大缩小效果。通过JavaScript动态修改该属性值: const img = document.…

js实现拷贝

js实现拷贝

实现文本拷贝 使用 document.execCommand 方法(已废弃但兼容性较好): function copyText(text) { const textarea = document…

js实现变形

js实现变形

使用 CSS 和 JavaScript 实现元素变形 在 JavaScript 中实现变形效果通常结合 CSS 的 transform 属性,通过动态修改该属性实现元素的旋转、缩放、倾斜或平移。 基…

js实现游标

js实现游标

使用JavaScript实现游标 在JavaScript中,可以通过操作DOM元素的cursor样式属性来实现自定义游标效果。以下是几种常见的实现方法: 修改默认鼠标指针样式 通过CSS的curso…

js怎么实现异步

js怎么实现异步

异步实现方法 JavaScript中实现异步操作主要通过以下几种方式: Promise Promise是ES6引入的异步解决方案,用于处理异步操作的成功或失败状态。 const promise =…

js实现跑马灯

js实现跑马灯

实现跑马灯效果 使用HTML和JavaScript可以轻松实现跑马灯效果。以下是两种常见的实现方式: HTML结构 <div id="marquee"> <span>…