当前位置:首页 > JavaScript

trim js实现

2026-01-30 12:58:49JavaScript

实现字符串 trim 功能的 JavaScript 方法

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

使用原生 trim() 方法

trim js实现

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

自定义 trim 实现(正则表达式)

trim js实现

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

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

自定义 trim 实现(非正则)

function customTrim(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);
}

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

扩展方法:trimStart 和 trimEnd

ES2019 引入了 trimStart()trimEnd() 方法,分别用于去除字符串开头或结尾的空白字符:

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

浏览器兼容性说明

原生 trim() 方法在所有现代浏览器中都支持,包括 IE9+。如果需要支持更老的浏览器,可以使用自定义实现或 polyfill。

标签: trimjs
分享给朋友:

相关文章

js实现vue路由

js实现vue路由

Vue路由基础实现 使用Vue Router实现前端路由需要先安装并配置路由库。Vue Router是Vue.js官方的路由管理器。 安装Vue Router: npm install vue…

js实现跳转

js实现跳转

使用 window.location 跳转 通过修改 window.location.href 实现页面跳转,这是最常用的方法。 window.location.href = 'https://…

js实现动画

js实现动画

使用 CSS 动画与 JavaScript 控制 通过 JavaScript 动态添加或移除 CSS 类来触发动画。CSS 定义关键帧(@keyframes),JavaScript 通过 classL…

js实现计算器

js实现计算器

实现基础计算器功能 使用JavaScript创建一个基础计算器需要处理数字输入、运算符逻辑和结果显示。以下是一个简单的实现示例: let currentInput = '0'; let previo…

js实现打印

js实现打印

使用window.print()方法实现打印 在JavaScript中,可以通过调用window.print()方法直接触发浏览器的打印功能。这会打开系统的打印对话框,用户可以选择打印机和设置打印选项…

js如何实现继承

js如何实现继承

原型链继承 通过将子类的原型指向父类的实例实现继承。子类实例能够访问父类原型上的属性和方法。 function Parent() { this.name = 'parent'; } Parent…