当前位置:首页 > JavaScript

js 实现trim

2026-04-06 19:29:30JavaScript

实现 JavaScript 的 trim 方法

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

使用原生 trim 方法

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

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

正则表达式实现

若需兼容旧环境或自定义逻辑,可用正则表达式:

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

扩展实现(支持 Unicode 空白字符)

更全面的实现需匹配 Unicode 空白字符:

function fullTrim(str) {
  return str.replace(/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g, '');
}
const str = "  Hello World  ";
console.log(fullTrim(str)); // "Hello World"

性能优化版本

避免频繁正则创建,可预编译正则:

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

兼容性处理

检测原生方法是否存在,不存在时扩展原型:

js 实现trim

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

标签: jstrim
分享给朋友:

相关文章

js实现图片放大缩小

js实现图片放大缩小

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

js实现复制到剪贴板

js实现复制到剪贴板

使用document.execCommand方法(传统方式,已废弃但部分浏览器仍支持) 该方法适用于旧版浏览器,但已被标记为废弃。执行前需确保文本已被选中: function copyToClipb…

js实现吸色

js实现吸色

使用Canvas实现吸色功能 通过Canvas的getImageData方法获取像素颜色数据。创建一个Canvas元素,将目标图像绘制到Canvas上,通过鼠标事件获取坐标对应的颜色值。 c…

js实现滚动

js实现滚动

实现滚动效果的方法 在JavaScript中实现滚动效果可以通过多种方式完成,以下是一些常见的方法: 使用window.scrollTo() window.scrollTo()方法可以将页面滚动到指…

js图片上传实现

js图片上传实现

图片上传的基本实现 使用HTML的<input type="file">元素配合JavaScript的File API实现基础图片上传功能。HTML部分需要设置accept="image/…

js分页实现

js分页实现

分页的基本原理 分页的核心是通过计算当前页码和数据偏移量,从服务器或本地数据中截取对应范围的数据进行展示。通常需要以下参数:当前页码(currentPage)、每页条数(pageSize)、总数据量(…