JavaScript 自定义 trim 函数实现字符串去空格

JavaScript 自定义 trim 函数实现

本文通过具体实例，讲解如何在 JavaScript 中自定义 trim 函数以完成删除字符串两端空格的任务。以下内容供开发者参考与学习。

该方案旨在兼容 IE 等低版本浏览器，以及部分其他旧版脚本环境。

需要注意的是，在 JavaScript 的标准规范中，早期版本本身并未直接提供 trim 函数。

//删除左右两端的空格
function trim(str){
 return str.replace(/(^\s*)|(\s*$)/g, "");
}
//删除左边的空格
function ltrim(str){
 return str.replace(/(^\s*)/g,"");
}
//删除右边的空格
function rtrim(str){
 return str.replace(/(\s*$)/g,"");
}

开发者可以选择第一种方式：手动定义一个独立的 trim 函数；或者选择第二种方式：通过扩展 String 类型的原型属性来实现。

String.prototype.trim = function()
{
 return this.replace(/(^\s*)|(\s*$)/g, "");
}
var str = document.getElementById("test").value;
alert( str.trim() );

此外，如果项目已引入 jQuery，也可以直接放弃原生实现，转而使用 jQuery 提供的 $.trim(str) 方法。

var str = $("#test").val();
alert( $.trim(str) );

PS：上述示例代码中使用了正则表达式进行匹配操作，为方便开发者调试，这里推荐两款实用的正则表达式在线工具：

JavaScript 正则表达式在线测试工具： http://tools.jb51.net/regex/javascript

正则表达式在线生成工具： http://tools.jb51.net/regex/create_reg

如需进一步了解 JavaScript 相关知识，可查阅本站系列专题：《JavaScript 常用函数技巧汇总》、《JavaScript 事件相关操作与技巧大全》、《javascript 面向对象入门教程》、《JavaScript 错误与调试技巧总结》、《JavaScript 数据结构与算法技巧总结》及《JavaScript 数学运算用法总结》。

希望本文所述的实现方案对您的 JavaScript 编程实践有所帮助。