当前位置:首页 > JavaScript

js 实现 trimend

2026-04-06 07:03:56JavaScript

实现 JavaScript 的 trimEnd 功能

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

使用原生 String.prototype.trimEnd

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

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

自定义 trimEnd 实现

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

正则表达式实现

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!"

处理多种空白字符

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

js 实现 trimend

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
分享给朋友:

相关文章

jquery js

jquery js

jQuery 简介 jQuery 是一个快速、简洁的 JavaScript 库,简化了 HTML 文档遍历、事件处理、动画和 Ajax 交互。它兼容多种浏览器,提供易于使用的 API,使开发者能够更高…

js实现百叶窗

js实现百叶窗

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

js实现驼峰

js实现驼峰

实现驼峰命名的几种方法 使用正则表达式和字符串替换 通过正则表达式匹配字符串中的特定模式(如下划线或短横线),并将其后的字母转换为大写,同时移除分隔符。 function toCamelCase(s…

js实现交换

js实现交换

交换变量的方法 在JavaScript中,交换两个变量的值有多种方法。以下是常见的几种实现方式: 使用临时变量 通过引入一个临时变量来存储其中一个变量的值,实现交换: let a = 1; le…

js实现路由

js实现路由

js实现路由的方法 在JavaScript中实现路由功能可以通过多种方式完成,以下是几种常见的方法: 使用原生JavaScript实现路由 通过监听window.onhashchange事件来实现基…

js 实现滚动

js 实现滚动

实现滚动的方法 使用 window.scrollTo() window.scrollTo() 方法可以滚动到文档中的特定位置。可以指定 x 和 y 坐标,或者使用平滑滚动的选项。 // 滚动到指定位…