本文介绍如何在 JavaScript 中实现删除字符串两端空格的功能。由于原生 JS 早期版本未内置 trim,可通过自定义函数或扩展 String 原型实现,同时兼容低版本浏览器。文章提供了正则表达式解决方案,并对比了 jQuery 的 $.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 编程实践有所帮助。