快捷導(dǎo)航

如何通過javaScript去除字符串兩端的空白字符

更新時間：2020年02月06日 11:53:57 作者：西紅柿里沒有番茄

這篇文章主要介紹了如何通過javaScripte去除字符串兩端的空白字符,文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下

這篇文章主要介紹了如何通過javaScript去除字符串兩端的空白字符,文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下

在java中去除字符串兩端的空白字符只需要調(diào)用trim()方法就行了,但是JavaScripte里是沒有這個方法的，要實現(xiàn)這個效果可以借助正則表達式和replace()方法實現(xiàn)。

上代碼：

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

以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

js中的數(shù)組對象排序分析
這篇文章為大家分析一下js中的數(shù)組對象排序的一些知識，方便大家在以后使用中知道這些排序的原理
2018-12-12
JS實現(xiàn)省市縣三級下拉聯(lián)動
這篇文章主要為大家詳細介紹了JS實現(xiàn)省市縣三級下拉聯(lián)動，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2020-04-04
js實現(xiàn)復(fù)制粘貼的兩種方法
這篇文章主要為大家詳細介紹了js實現(xiàn)的兩種方法，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2020-12-12
JavaScript極簡入門教程（三）：數(shù)組
這篇文章主要介紹了JavaScript極簡入門教程（二）：數(shù)組,本文主要講解了數(shù)組的創(chuàng)建和length屬性的介紹,其它方法屬性都沒有介紹,需要的朋友可以參考下
2014-10-10
javascript自適應(yīng)寬度的瀑布流實現(xiàn)思路
這里主要介紹瀑布流的一種實現(xiàn)方法：絕對定位(css)+javascript+ajax+json。簡單一點如果不做滾動加載的話就是絕對定位(css)+javascript了，ajax和json是滾動加載更多內(nèi)容的時候用到的，感興趣的你可以參考下哦
2013-02-02
js 客戶端打印html 并且去掉頁眉、頁腳的實例
下面小編就為大家?guī)硪黄猨s 客戶端打印html 并且去掉頁眉、頁腳的實例。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2017-11-11
javascript檢測對象中是否存在某個屬性判斷方法小結(jié)
檢測對象中屬性的存在與否可以通過以下幾種方法來判斷:使用in關(guān)鍵字、使用對象的hasOwnProperty()方法、用undefined判斷、在條件語句中直接判斷，感興趣的朋友可以了解下哈
2013-05-05
解決微信二次分享不顯示摘要和圖片的問題
下面小編就為大家?guī)硪黄鉀Q微信二次分享不顯示摘要和圖片的問題。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2017-08-08
微信小程序頁面間傳遞數(shù)組對象方法解析
這篇文章主要介紹了微信小程序頁面間傳遞數(shù)組對象方法解析,文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下
2019-11-11
js動態(tài)獲取子復(fù)選項并設(shè)計全選及提交的實現(xiàn)方法
下面小編就為大家?guī)硪黄猨s動態(tài)獲取子復(fù)選項并設(shè)計全選及提交的實現(xiàn)方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2016-06-06