js自定义trim函数实现删除两端空格功能

 更新时间:2018年02月09日 11:42:59   作者:米格战斗机  
这篇文章主要介绍了js自定义trim函数实现删除两端空格功能,结合实例形式分析了javascript基于正则替换实现类似trim函数删除字符串两端空格的相关操作技巧,并附带jQuery类似功能函数使用方法,需要的朋友可以参考下

本文实例讲述了js自定义trim函数实现删除两端空格功能。分享给大家供大家参考,具体如下:

兼容IE低版本浏览器,以及其他一些低版本脚本的浏览器

js中本身是没有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,"");
}

或者扩展String类型属性

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

或者干脆放弃使用js,使用jQuer之$.trim(str)

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

PS:示例中用到了正则操作,这里为大家提供2款非常方便的正则表达式工具供大家参考使用:

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

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

更多关于JavaScript相关内容可查看本站专题:《JavaScript常用函数技巧汇总》、《JavaScript事件相关操作与技巧大全》、《javascript面向对象入门教程》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》及《JavaScript数学运算用法总结

希望本文所述对大家JavaScript程序设计有所帮助。

相关文章

  • JavaScript实现重置表单(reset)的方法

    JavaScript实现重置表单(reset)的方法

    这篇文章主要介绍了JavaScript实现重置表单(reset)的方法,涉及javascript中reset()方法的使用技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-04-04
  • javascript框架设计之浏览器的嗅探和特征侦测

    javascript框架设计之浏览器的嗅探和特征侦测

    这篇文章主要介绍了javascript框架设计之浏览器的嗅探和特征侦测的相关资料,需要的朋友可以参考下
    2015-06-06
  • 详解JS中你不知道的各种循环测速

    详解JS中你不知道的各种循环测速

    在前端JS中,有着多种数组循环的方式:for循环;while和do-while 循环;forEach、map、reduce、filter循环;for-of循环;for-in 循环;那么哪种循环的执行速度最快呢,我们今天来看一看。
    2021-05-05
  • JavaScript中的几种继承方法示例

    JavaScript中的几种继承方法示例

    这篇文章主要给大家介绍了关于JavaScript中的几种继承方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-12-12
  • Bootstrap媒体对象的实现

    Bootstrap媒体对象的实现

    在web页面中,图片居左,内容居右排列,是非常常见的效果,它也就是媒体对象,它是一种抽象的样式,可以用来构建不同类型的组件。本文给大家介绍Bootstrap媒体对象的实现,感兴趣的朋友一起学习吧
    2016-05-05
  • Js 实现表格隔行换色一例

    Js 实现表格隔行换色一例

    Js实现表格隔行换色一例,这种效果网上已经有很多啦,每一种都有特色,请大家选择使用。
    2009-11-11
  • js和jquery中循环的退出和继续下一个循环

    js和jquery中循环的退出和继续下一个循环

    退出循环,使用break;退出当前循环继续下一个循环,使用continue,jquery中使用return false;continue,使用return true
    2014-09-09
  • 自动完成JS类(纯JS, Ajax模式)

    自动完成JS类(纯JS, Ajax模式)

    自动完成JS类,用户体验较好。封装成类,方便使用。本站
    2009-03-03
  • firefox浏览器不支持innerText的解决方法

    firefox浏览器不支持innerText的解决方法

    在测试时发现firefox不支持innerText,该怎么办呢?其实很简单,本文为大家提供了一个解决方法,感兴趣的朋友可以参考下,希望对大家有所帮助
    2013-08-08
  • js文件Cookie存取值示例代码

    js文件Cookie存取值示例代码

    这篇文章主要介绍了js文件Cookie存取值的使用,需要的朋友可以参考下
    2014-02-02

最新评论