当前位置:首页 > JavaScript

js trim实现

2026-01-31 21:28:55JavaScript

实现 JavaScript 字符串 trim 功能

JavaScript 提供了原生的 trim() 方法用于去除字符串两端的空白字符,但若需手动实现或兼容旧环境,可通过正则表达式或遍历字符串实现。

js trim实现

使用正则表达式实现

通过正则匹配字符串开头和结尾的空白字符并替换为空字符串:

js trim实现

function trim(str) {
  return str.replace(/^\s+|\s+$/g, '');
}
  • ^\s+ 匹配开头的一个或多个空白字符
  • |\s+$ 匹配结尾的一个或多个空白字符
  • g 标志表示全局匹配

手动遍历字符串实现

通过循环从两端检测空白字符并截取有效部分:

function trim(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);
}
  • 初始化 startend 为字符串的首尾索引
  • 前向循环跳过开头的空白字符
  • 后向循环跳过结尾的空白字符
  • 使用 substring 截取非空白部分

扩展实现:trimLeft 和 trimRight

单独去除左侧或右侧空白字符:

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

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

兼容性说明

原生 trim() 方法在 IE9+ 和现代浏览器中支持,若需兼容更早版本,推荐上述手动实现或引入 polyfill。

标签: jstrim
分享给朋友:

相关文章

js实现验证码

js实现验证码

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

js实现vue

js实现vue

Vue.js 简介 Vue.js 是一个渐进式 JavaScript 框架,用于构建用户界面。其核心库专注于视图层,易于与其他库或现有项目整合。 实现 Vue.js 的基本步骤 安装 Vue.j…

js实现拖拽

js实现拖拽

实现拖拽的基本步骤 通过监听鼠标事件(mousedown、mousemove、mouseup)实现拖拽功能。以下是核心代码逻辑: const draggableElement = document.…

js分组实现

js分组实现

分组实现方法 在JavaScript中,可以通过多种方式实现数组或对象的分组操作。以下是几种常见的方法: 使用Array.prototype.reduce() 通过reduce方法可以轻松实现数组分…

js实现轮播代码

js实现轮播代码

基础轮播实现 使用HTML、CSS和JavaScript创建一个简单的轮播效果。HTML部分定义轮播容器和图片元素。 <div class="carousel"> <div c…

js实现的游戏

js实现的游戏

JavaScript 游戏开发基础 JavaScript 是开发网页游戏的流行选择,因其无需插件即可在浏览器中运行。以下是一些关键技术和资源: HTML5 Canvas Canvas 提供了绘制图形…