首頁 > web前端 > js教程 > 主體

JavaScript截取、切割字串的技巧_javascript技巧

WBOY
發布: 2016-05-16 15:21:01
原創
1837 人瀏覽過

對於字串的切割截取平時所用可能不是特別多,而且分的比較細,所以自備自查。有備無患。

由於之前所有均在一個demo測試,若是哪裡打錯了,敬請諒解。一些其餘屬性找時間繼續增加。

1.函數:split()

功能:使用一個指定的分隔符號把一個字串分割儲存到陣列

範例: str=”jpg|bmp|gif|ico|png”; arr=str.split(”|”);
//arr是包含字元值”jpg”、”bmp”、”gif”、”ico”和”png”的陣列

2.函數:join()

功能:使用您選擇的分隔符號將一個數字組合併為一個字串

範例: var delimitedString=myArray.join(delimiter);
var myList=new Array(”jpg”,”bmp”,”gif”,”ico”,”png”);
var portableList=myList.join(”|”);
//結果是jpg|bmp|gif|ico|png

3.函數:concat()

功能:將兩個陣列連接在一起;

範例:arr1=[1,2,3,4]
  arr2=[5,6,7,8]
  alert(arr1.concat(arr2)) //結果為[1,2,3,4,5,6,7,8]

4.函數:charAt()

功能:傳回指定位置的字元。字串中第一個字元的下標是 0。如果參數 index 不在 0 與 string.length 之間,則該方法將傳回一個空字串。

例:var str='a,g,i,d,o,v,w,d,k,p'
alert(str.charAt(2)) //結果為g

5:函數:charCodeAt()

功能:charCodeAt() 方法可傳回指定位置的字元的 Unicode 編碼。這個回傳值是 0 - 65535 之間的整數。

方法 charCodeAt() 與 charAt() 方法執行的操作相似,只不過前者回傳的是位於指定位置的字元的編碼,而後者傳回的是字元子字串。

例:var str='a,g,i,d,o,v,w,d,k,p'
alert(str.charCodeAt(2)) //結果為103。即g的Unicode編碼為103

6.函數:slice()

功能:arrayObject.slice(start,end)

  start:必需。規定從何處開始選取。如果是負數,那麼它規定從數組尾部開始算起的位置。也就是說,-1 指最後一個元素,-2 指倒數第二個元素,以此類推。

  end:可選。規定從何處結束選取。此參數是數組片斷結束處的數組下標。如果沒有指定該參數,那麼切分的陣列包含從 start 到陣列結束的所有元素。如果這個參數是負數,那麼它規定的是從陣列尾部開始算起的元素。

  傳回一個新的數組,包含從start到end(不包括該元素)的arrayobject中的元素。

範例:var str='ahji3o3s4e6p8a0sdewqdasj'
  alert(str.slice(2,5)) //結果ji3

7.函數:substring()

定義和用法 substring 方法用於提取字串中介於兩個指定下標之間的字元。

語法 stringObject.substring(start,stop)

start 必需。一個非負的整數,規定要提取的子字串的第一個字元在 stringObject 中的位置。

stop 可選。一個非負的整數,比要擷取的子字串的最後一個字元在 stringObject 中的位置多 1。

如果省略該參數,那麼傳回的子字串會一直到字串的結尾。

傳回 一個新的字串,該字串值包含 stringObject 的一個子字串,其內容是從 start 處到 stop-1 處的所有字符,其長度為 stop 減 start。 說明 substring 方法傳回的子字串包括 start 處的字符,但不包括 end 處的字符。 如果 start 與 end 相等,那麼此方法傳回的就是一個空字串(即長度為 0 的字串)。 如果 start 比 end 大,那麼方法在提取子字串之前會先交換這兩個參數。 如果 start 或 end 為負數,那麼它將被替換為 0。

例:var str='ahji3o3s4e6p8a0sdewqdasj'
alert(str.substring(2,6)) //結果為ji3o3

8.函數:substr

定義和用法 substr 方法用於傳回從指定位置開始的指定長度的子字串。

語法 stringObject.substr(start [, length ])

參數 start 必需。所需的子字串的起始位置。字串中的第一個字元的索引為 0。

length 可選。在傳回的子字串中應包含的字元數。 說明 如果 length 為 0 或負數,將傳回一個空字串。 如果沒有指定該參數,則子字串將延續到stringObject的最後。

舉例: var str = "0123456789";

警報(str.substring(0));------------"0123456789"
   Alert(str.substring(5));------------"56789"
  Alert(str.substring(10));------------""
  Alert(str.substring(12));------------""
  Alert(str.substring(-5));-----------"0123456789"
  Alert(str.substring(-10));----------"0123456789"
  Alert(str.substring(-12));----------"0123456789"
  Alert(str.substring(0,5));----------"01234"
  Alert(str.substring(0,10));---------"0123456789"
  Alert(str.substring(0,12));---------"0123456789"
  Alert(str.substring(2,0));----------"01"
  Alert(str.substring(2,2));----------""
  Alert(str.substring(2,5));----------"234"
  Alert(str.substring(2,12));---------"23456789"
  Alert(str.substring(2,-2));---------"01"
  Alert(str.substring(-1,5));---------"01234"
  Alert(str.substring(-1,-5));--------""

substr 和 substring 方法的差別

<script type="text/javascript"> 
var str = "0123456789";// 
alert(str.substring(0));//------------"0123456789" 
alert(str.substring(5));//------------"56789" 
alert(str.substring(10));//-----------"" 
alert(str.substring(12));//-----------"" 
alert(str.substring(-5));//-----------"0123456789" 
alert(str.substring(-10));//----------"0123456789" 
alert(str.substring(-12));//----------"0123456789" 
alert(str.substring(0,5));//----------"01234" 
alert(str.substring(0,10));//---------"0123456789" 
alert(str.substring(0,12));//---------"0123456789" 
alert(str.substring(2,0));//----------"01" 
alert(str.substring(2,2));//----------"" 
alert(str.substring(2,5));//----------"234" 
alert(str.substring(2,12));//---------"23456789" 
alert(str.substring(2,-2));//---------"01" 
alert(str.substring(-1,5));//---------"01234" 
alert(str.substring(-1,-5));//--------"" 
alert(str.substr(0));//---------------"0123456789" 
alert(str.substr(5));//---------------"56789" 
alert(str.substr(10));//--------------"" 
alert(str.substr(12));//--------------"" 
alert(str.substr(-5));//--------------"0123456789" 
alert(str.substr(-10));//-------------"0123456789" 
alert(str.substr(-12));//-------------"0123456789" 
alert(str.substr(0,5));//-------------"01234" 
alert(str.substr(0,10));//------------"0123456789" 
alert(str.substr(0,12));//------------"0123456789" 
alert(str.substr(2,0));//-------------"" 
alert(str.substr(2,2));//-------------"23" 
alert(str.substr(2,5));//-------------"23456" 
alert(str.substr(2,12));//------------"23456789" 
alert(str.substr(2,-2));//------------"" 
alert(str.substr(-1,5));//------------"01234" 
alert(str.substr(-1,-5));//-----------"" 
</script>
登入後複製
相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!