如何通过javaScript去除字符串两端的空白字符

 更新时间:2020年02月06日 11:53:57   作者:西红柿里没有番茄  
这篇文章主要介绍了如何通过javaScripte去除字符串两端的空白字符,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下

这篇文章主要介绍了如何通过javaScript去除字符串两端的空白字符,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下

在java中去除字符串两端的空白字符只需要调用trim()方法就行了,但是JavaScripte里是没有这个方法的,要实现这个效果可以借助正则表达式和replace()方法实现。

上代码:

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
</head>
 
<script>
 
 
  function trim(s) {
 
//    \s表示匹配任何空白字符,包括空格、制表符、换页符等
//    ^\s*匹配字符串前的所有空白字符
//    \s*$匹配字符串后的所有空白字符
//     g表示尽可能多的匹配结果
    var str = s.replace(/(^\s*)|(\s*$)/g,"");
    return str;
  }
<br data-filtered="filtered">//测试效果
  alert(trim("  fdsfgsa  "))
 
</script>
 
<body>
</body>
</html>

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

相关文章

  • js中的数组对象排序分析

    js中的数组对象排序分析

    这篇文章为大家分析一下js中的数组对象排序的一些知识,方便大家在以后使用中知道这些排序的原理
    2018-12-12
  • JS实现省市县三级下拉联动

    JS实现省市县三级下拉联动

    这篇文章主要为大家详细介绍了JS实现省市县三级下拉联动,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-04-04
  • js实现复制粘贴的两种方法

    js实现复制粘贴的两种方法

    这篇文章主要为大家详细介绍了js实现的两种方法,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-12-12
  • JavaScript极简入门教程(三):数组

    JavaScript极简入门教程(三):数组

    这篇文章主要介绍了JavaScript极简入门教程(二):数组,本文主要讲解了数组的创建和length属性的介绍,其它方法属性都没有介绍,需要的朋友可以参考下
    2014-10-10
  • javascript自适应宽度的瀑布流实现思路

    javascript自适应宽度的瀑布流实现思路

    这里主要介绍瀑布流的一种实现方法:绝对定位(css)+javascript+ajax+json。简单一点如果不做滚动加载的话就是绝对定位(css)+javascript了,ajax和json是滚动加载更多内容的时候用到的,感兴趣的你可以参考下哦
    2013-02-02
  • js 客户端打印html 并且去掉页眉、页脚的实例

    js 客户端打印html 并且去掉页眉、页脚的实例

    下面小编就为大家带来一篇js 客户端打印html 并且去掉页眉、页脚的实例。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-11-11
  • javascript检测对象中是否存在某个属性判断方法小结

    javascript检测对象中是否存在某个属性判断方法小结

    检测对象中属性的存在与否可以通过以下几种方法来判断:使用in关键字、使用对象的hasOwnProperty()方法、用undefined判断、在条件语句中直接判断,感兴趣的朋友可以了解下哈
    2013-05-05
  • 解决微信二次分享不显示摘要和图片的问题

    解决微信二次分享不显示摘要和图片的问题

    下面小编就为大家带来一篇解决微信二次分享不显示摘要和图片的问题。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-08-08
  • 微信小程序页面间传递数组对象方法解析

    微信小程序页面间传递数组对象方法解析

    这篇文章主要介绍了微信小程序页面间传递数组对象方法解析,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2019-11-11
  • js动态获取子复选项并设计全选及提交的实现方法

    js动态获取子复选项并设计全选及提交的实现方法

    下面小编就为大家带来一篇js动态获取子复选项并设计全选及提交的实现方法。小编觉得挺不错的, 现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-06-06

最新评论