当前位置:首页 > JavaScript

js 实现 trimend

2026-03-14 13:10:37JavaScript

实现 JavaScript 的 trimEnd 方法

trimEnd 方法用于移除字符串末尾的空白字符(包括空格、制表符、换行符等)。以下是几种实现方式:

使用正则表达式

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

使用循环遍历

function trimEnd(str) {
  let end = str.length - 1;
  while (end >= 0 && str[end] === ' ') {
    end--;
  }
  return str.substring(0, end + 1);
}

使用 ES2019 原生方法

现代 JavaScript 引擎已原生支持 trimEnd 方法:

const str = '  Hello World  ';
console.log(str.trimEnd()); // 输出 "  Hello World"

处理多种空白字符

如果需要处理多种空白字符(如制表符、换行符等):

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

性能考虑

对于大量字符串处理,正则表达式方法通常性能较好。简单循环方法在小规模数据上可能更快。

浏览器兼容性

如需支持旧版浏览器,可添加 polyfill:

js 实现 trimend

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

标签: jstrimend
分享给朋友:

相关文章

js实现代码雨

js实现代码雨

实现代码雨效果 使用HTML5 Canvas和JavaScript可以轻松实现经典的代码雨效果。以下是完整的实现代码和说明: HTML结构 <!DOCTYPE html> <htm…

js实现跑马灯

js实现跑马灯

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

js实现菜单

js实现菜单

实现基本HTML结构 使用HTML创建菜单的基本框架,通常包含<ul>和<li>元素。示例结构如下: <ul id="menu"> <li><…

js实现显示隐藏

js实现显示隐藏

显示隐藏的实现方法 在JavaScript中,实现元素的显示和隐藏可以通过多种方式完成。以下是几种常见的方法: 修改CSS的display属性 通过改变元素的display属性可以在none(隐藏)…

js实现图片滚动

js实现图片滚动

图片滚动的实现方法 使用CSS动画实现 通过CSS的animation和@keyframes可以实现简单的图片滚动效果。这种方法适合静态图片的无缝循环滚动。 <style> .scr…

js实现文件夹

js实现文件夹

使用JavaScript创建文件夹 在浏览器端的JavaScript中无法直接操作文件系统创建文件夹,这是出于安全考虑。但在Node.js环境中可以通过文件系统模块(fs)实现。 Node.js中使…