DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> javascript中substring()、substr()、slice()的區別
javascript中substring()、substr()、slice()的區別
編輯:關於JavaScript     

stringObject.substring(start,stop) 用於提取字符串中介於兩個指定下標之間的字符。

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

stop可選。一個非負的整數,比要提取的子串的最後一個字符在 stringObject 中的位置多 1。如果省略該參數,那麼返回的子串會一直到字符串的結尾。

start從0開始 到stop(不包含stop)結束 不接受負的參數。

stringObject.substr(start,length)可在字符串中抽取從start下標開始的指定數目的字符

start 必需。要抽取的子串的起始下標。必須是數值。如果是負數,那麼該參數聲明從字符串的尾部開始算起的位置。也就是說,-1 指字符串中最後一個字符,-2 指倒數第二個字符,以此類推。

length 可選。子串中的字符數。必須是數值。如果省略了該參數,那麼返回從 stringObject 的開始位置到結尾的字串。

stringObject.slice(start,end)提取字符串的某個部分,並以新的字符串返回被提取的部分

start 要抽取的片斷的起始下標。如果是負數,則該參數規定的是從字符串的尾部開始算起的位置。也就是說,-1 指字符串的最後一個字符,-2 指倒數第二個字符,以此類推。

end 緊接著要抽取的片段的結尾的下標。若未指定此參數,則要提取的子串包括 start 到原字符串結尾的字符串。如果該參數是負數,那麼它規定的是從字符串的尾部開始算起的位置。

返回新的字符串包括字符串 stringObject 從 start 開始(包括 start)到 end 結束(不包括 end)為止的所有字符

string.slice()
string.substring()
string.substr()
 
var stringValue = “hello world”;
alert(stringValue.slice(3));          //”lo world”
alert(stringValue.substring(3));      //”lo world”
alert(stringValue.substr(3));        //”lo world”
alert(stringValue.slice(3,7));         //”lo w”
alert(stringValue.substring(3,7));    //”lo w”
alert(stringValue.substr(3,7));       //”lo worl”

三者如果只有一個參數n 則會從第n個位置開始返回剩余字符串(從0開始計算位置)

如果有兩個參數n,m,slice與substring會從第n個位置開始返回到第m個位置(不包括第m位置)的字符串,而substr會返回從第n個位置開始的m個字符。
———————————————————————————————
 

string.slice()
string.substring()
string.substr()
var stringValue = “hello world”;
alert(stringValue.slice(-3));          //”rld”
alert(stringValue.substring(-3));      //”hello world”
alert(stringValue.substr(-3));        //”rld”
alert(stringValue.slice(3,-4));         //”lo w”
alert(stringValue.substring(3,-4));    //”hel”
alert(stringValue.substr(3,-4));       //”"(空字符串)

當參數是負值情況下,slice將傳入負值與字符串長度(string.length)相加,substr會將負的第一個參數加上字符串長度,第二個轉換為0,substring會將所有負值都轉換成0。

IE的JavaScript實現在處理向substr()方法傳遞負值的情況時存在問題,它會返回原始的字符串。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved