当前位置:首页 > 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
分享给朋友:

相关文章

vue.js实现轮播

vue.js实现轮播

Vue.js 实现轮播功能 使用第三方库(推荐) Vue.js 生态中有许多成熟的轮播组件库,例如 vue-awesome-swiper 或 swiper,它们功能丰富且易于集成。 安装 swipe…

js实现vr

js实现vr

使用WebXR API实现VR体验 WebXR是浏览器中实现VR和AR体验的标准API,它取代了早期的WebVR。现代浏览器如Chrome、Edge和Firefox已支持WebXR。 // 初始化W…

js实现求导

js实现求导

实现数值求导的方法 在JavaScript中实现求导通常采用数值方法,因为JavaScript不是符号计算语言。以下是常见的数值微分方法: 中心差分法 中心差分法提供较高精度的导数近似:…

链表实现js

链表实现js

链表的基本概念 链表是一种线性数据结构,由一系列节点组成,每个节点包含数据和一个指向下一个节点的指针(单向链表)或两个指针(双向链表)。与数组不同,链表在内存中非连续存储,插入和删除操作更高效,但随机…

js实现正交

js实现正交

正交的概念 正交在数学和计算机科学中通常指两个向量垂直或线性无关。在编程中,正交性常被用于设计模块化、低耦合的系统。 向量正交判断 判断两个向量是否正交可以通过点积是否为0来实现: fun…

js实现图片

js实现图片

图片加载与显示 在JavaScript中,可以通过Image对象动态加载图片。创建实例后设置src属性触发加载,通过onload回调处理加载完成后的操作: const img = new Ima…