当前位置:首页 > JavaScript

js 实现 trimend

2026-04-06 07:03:56JavaScript

实现 JavaScript 的 trimEnd 功能

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

使用原生 String.prototype.trimEnd

现代 JavaScript 引擎已原生支持 trimEnd 方法,可直接调用:

js 实现 trimend

const str = "  Hello World!  ";
const trimmed = str.trimEnd();
console.log(trimmed); // "  Hello World!"

自定义 trimEnd 实现

如果需要在旧版 JavaScript 环境中实现,可以通过正则表达式或遍历字符串实现:

正则表达式实现

js 实现 trimend

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

遍历字符串实现

function trimEnd(str) {
  let end = str.length - 1;
  while (end >= 0 && str[end] === ' ') {
    end--;
  }
  return str.slice(0, end + 1);
}
const str = "  Hello World!  ";
console.log(trimEnd(str)); // "  Hello World!"

处理多种空白字符

如果需要移除更多类型的空白字符(如制表符、换行符等),可以扩展正则表达式:

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

注意事项

  • 原生 trimEnd 是 ES2019 标准的一部分,旧版浏览器可能需要 polyfill。
  • 自定义实现时需注意 Unicode 空白字符的处理。

标签: jstrimend
分享给朋友:

相关文章

js实现分页

js实现分页

实现分页的基本思路 分页功能通常需要处理数据分割、页码生成和用户交互。核心逻辑包括计算总页数、根据当前页截取数据、渲染页码按钮等。 前端分页实现(静态数据) 假设已有全部数据,仅需前端分页展示:…

js实现分页

js实现分页

分页的基本实现思路 在JavaScript中实现分页功能通常需要结合前端和后端逻辑。前端负责渲染分页控件和处理用户交互,后端负责提供分页数据。 前端分页实现 纯前端分页适用于数据量较小的情况,可以直…

js 实现vue

js 实现vue

Vue.js 的基本实现 在 JavaScript 中实现 Vue.js 的核心功能,可以通过数据绑定、响应式系统和虚拟 DOM 来实现。以下是实现 Vue.js 核心功能的简化版本。 数据响应式系…

js实现换肤

js实现换肤

使用CSS变量实现换肤 通过CSS变量可以轻松实现主题切换功能。CSS变量在根元素中定义,通过JavaScript动态修改这些变量值。 :root { --primary-color: #349…

js实现图表

js实现图表

在JavaScript中实现图表通常使用流行的图表库,以下是几种常见的方法和工具: 使用Chart.js Chart.js是一个简单灵活的库,适合快速生成响应式图表。安装方式包括CDN引入或npm安…

js实现百叶窗

js实现百叶窗

使用CSS和JavaScript实现百叶窗效果 通过CSS动画和JavaScript事件监听可以实现百叶窗效果。核心思路是将内容区域分割为多个条状元素,通过控制它们的展开/折叠状态来模拟百叶窗。 &…