当前位置:首页 > JavaScript

js trim实现

2026-01-31 21:28:55JavaScript

实现 JavaScript 字符串 trim 功能

JavaScript 提供了原生的 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。

js trim实现

标签: jstrim
分享给朋友:

相关文章

js实现验证码

js实现验证码

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

js实现验证

js实现验证

验证表单输入 使用JavaScript验证表单输入是常见的需求。可以通过监听表单提交事件,检查输入字段是否符合要求。 document.getElementById('myForm').addEve…

js实现拷贝

js实现拷贝

实现文本拷贝 使用 document.execCommand 方法(已废弃但兼容性较好): function copyText(text) { const textarea = document…

js实现换肤

js实现换肤

使用CSS变量实现换肤 通过CSS变量可以轻松实现主题切换功能。CSS变量在根元素中定义,通过JavaScript动态修改这些变量值。 :root { --primary-color: #349…

js实现vr

js实现vr

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

js实现百叶窗

js实现百叶窗

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