当前位置:首页 > JavaScript

trim js实现

2026-01-30 12:58:49JavaScript

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

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

使用原生 trim() 方法

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

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

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() 方法,分别用于去除字符串开头或结尾的空白字符:

trim js实现

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

浏览器兼容性说明

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

标签: trimjs
分享给朋友:

相关文章

js实现轮播

js实现轮播

实现基础轮播效果 使用HTML结构创建轮播容器和图片元素: <div class="carousel"> <div class="carousel-inner">…

js实现验证码

js实现验证码

实现验证码的JavaScript方法 生成随机验证码 使用Math.random()生成随机字符串,结合数字和字母: function generateCaptcha() { const cha…

原生js实现轮播图

原生js实现轮播图

基本结构搭建 HTML部分需要包含轮播图容器、图片列表及导航按钮。结构示例如下: <div class="slider-container"> <div class="slid…

js 实现链表

js 实现链表

链表的基本概念 链表是一种线性数据结构,由一系列节点组成,每个节点包含数据和指向下一个节点的指针。与数组不同,链表在内存中是非连续存储的,插入和删除操作效率较高。 链表的实现 在 JavaScrip…

js树实现

js树实现

树的基本概念 树是一种非线性的数据结构,由节点和边组成。每个节点包含一个值和指向子节点的引用。树的顶部节点称为根节点,没有子节点的节点称为叶节点。 树的实现方式 在JavaScript中,树可以通过…

js实现密码

js实现密码

密码强度验证 使用正则表达式验证密码强度是一种常见方法。以下代码检查密码是否包含大小写字母、数字和特殊字符,且长度至少为8位: function checkPasswordStrength(pass…