JS去掉字符串前后空格或去掉所有空格的用法


Posted in Javascript onMarch 25, 2017

1、  去掉字符串前后所有空格:

代码如下:

function Trim(str)
   { 
    return str.replace(/(^\s*)|(\s*$)/g, ""); 
  }

    说明:

    如果使用jQuery直接使用$.trim(str)方法即可,str表示要去掉前后所有空格的字符串。

 2、 去掉字符串中所有空格(包括中间空格,需要设置第2个参数为:g)

代码如下:

function Trim(str,is_global)
  {
   var result;
   result = str.replace(/(^\s+)|(\s+$)/g,"");
   if(is_global.toLowerCase()=="g")
   {
    result = result.replace(/\s/g,"");
    }
   return result;
}

3、现在大部分浏览器中基本上都支持字符串的 trim 函数,但是为了兼容不支持的浏览器,我们最好还是在 Js 文件中加入以下代码(不需要清除换行符的请删除 \n 制表符删除 \t):

if (!String.prototype.trim) {

 /*---------------------------------------
  * 清除字符串两端空格,包含换行符、制表符
  *---------------------------------------*/
 String.prototype.trim = function () { 
  return this.triml().trimr(); 
 }

 /*----------------------------------------
  * 清除字符串左侧空格,包含换行符、制表符
  * ---------------------------------------*/
 String.prototype.triml = function () {
  return this.replace(/^[\s\n\t]+/g, "");
 }

 /*----------------------------------------
  * 清除字符串右侧空格,包含换行符、制表符
  *----------------------------------------*/
 String.prototype.trimr = function () {
  return this.replace(/[\s\n\t]+$/g, "");
 }
}

如果只需要 trim 函数的,可以只写一个:

if (!String.prototype.trim){

 /*---------------------------------------
  * 清除字符串两端空格,包含换行符、制表符
  *---------------------------------------*/
 String.prototype.trim = function () { 
  return this.replace(/(^[\s\n\t]+|[\s\n\t]+$)/g, "");
 }
 
}

使用代码:

var str = " abcd ".trim();
Javascript 相关文章推荐
javascript 检测浏览器类型和版本的代码
Sep 15 Javascript
IE中JS跳转丢失referrer问题的2个解决方法
Jul 18 Javascript
使用window.prompt()实现弹出用户输入的对话框
Apr 13 Javascript
浅谈angularJS 作用域
Jul 05 Javascript
详解js跨域原理以及2种解决方案
Dec 09 Javascript
Javascript中 带名 匿名 箭头函数的重要区别(推荐)
Jan 29 Javascript
jQuery复合事件用法示例
Jun 10 jQuery
zTree 树插件实现全国五级地区点击后加载的示例
Feb 05 Javascript
JS获取指定月份的天数两种实现方法
Jun 22 Javascript
webpack安装配置与常见使用过程详解(结合vue)
Jun 01 Javascript
解决VUE mounted 钩子函数执行时 img 未加载导致页面布局的问题
Jul 27 Javascript
Vue 实现一个简单的鼠标拖拽滚动效果插件
Dec 10 Vue.js
javascript作用域链与执行环境详解
Mar 25 #Javascript
vue中用动态组件实现选项卡切换效果
Mar 25 #Javascript
使用vue.js写一个tab选项卡效果
Mar 25 #Javascript
JavaScript 实现 Tab 点击切换实例代码
Mar 25 #Javascript
JS操作xml对象转换为Json对象示例
Mar 25 #Javascript
javascript实现的图片预览功能
Mar 25 #Javascript
JS控件bootstrap suggest plugin使用方法详解
Mar 25 #Javascript
You might like
PHP执行zip与rar解压缩方法实现代码
2010/12/05 PHP
php并发对MYSQL造成压力的解决方法
2013/02/21 PHP
php查找字符串出现次数的方法
2014/12/01 PHP
php递归遍历多维数组的方法
2015/04/18 PHP
PHP中通过trigger_error触发PHP错误示例
2015/06/23 PHP
PHP按一定比例压缩图片的方法
2018/10/12 PHP
jQuery侧边栏随窗口滚动实现方法
2013/03/04 Javascript
JavaScript改变CSS样式的方法汇总
2015/05/07 Javascript
推荐三款不错的图片压缩上传插件(webuploader、localResizeIMG4、LUploader)
2017/04/21 Javascript
jquery平滑滚动到顶部插件使用详解
2017/05/08 jQuery
67 个节约开发时间的前端开发者的工具、库和资源
2017/09/12 Javascript
基于vue-cli vue-router搭建底部导航栏移动前端项目
2018/02/28 Javascript
详解mpvue实现对苹果X安全区域的适配
2019/07/31 Javascript
用Javascript实现发送短信验证码间隔功能
2021/02/08 Javascript
[02:29]完美世界高校联赛上海赛区回顾
2015/12/15 DOTA
[00:27]DOTA2荣耀之路2:Patience from zhou!
2018/05/24 DOTA
python基础教程之循环介绍
2014/08/29 Python
Python字符串详细介绍
2015/05/09 Python
在Python程序中操作文件之flush()方法的使用教程
2015/05/24 Python
python中验证码连通域分割的方法详解
2018/06/04 Python
python抓取网页内容并进行语音播报的方法
2018/12/24 Python
Python3实现的简单三级菜单功能示例
2019/03/12 Python
django中使用POST方法获取POST数据
2019/08/20 Python
python实现微信打飞机游戏
2020/03/24 Python
Python selenium自动化测试模型图解
2020/04/15 Python
Python3.7安装PyQt5 运行配置Pycharm的详细教程
2020/10/15 Python
html5 svg 中元素点击事件添加方法
2013/01/16 HTML / CSS
什么是属性访问器
2015/10/26 面试题
求职信的七个关键技巧
2014/02/05 职场文书
先进典型发言材料
2014/12/30 职场文书
营销策划分析:怎么策划才能更好销量产品?
2019/09/04 职场文书
用CSS3画一个爱心
2021/04/27 HTML / CSS
如何用JS实现简单的数据监听
2021/05/06 Javascript
python基础之错误和异常处理
2021/10/24 Python
Python Matplotlib绘制两个Y轴图像
2022/04/13 Python
HTML CSS 一个标签实现带动画的抖音LOGO
2022/04/26 HTML / CSS