欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

JS截取字符串實(shí)例詳解

 更新時(shí)間:2015年11月24日 11:02:18   作者:匯賢雅敘  
這篇文章主要介紹了JS截取字符串的方法,結(jié)合實(shí)例形式較為詳細(xì)的分析了JavaScript截取字符串的常用函數(shù)與具體使用技巧,并附帶說明了JS截取字符串substr和substring方法的區(qū)別,需要的朋友可以參考下

本文實(shí)例講述了JS截取字符串的方法。分享給大家供大家參考,具體如下:

js截取字符串可使用 substring()或者slice()
 
函數(shù):split()

功能:使用一個(gè)指定的分隔符把一個(gè)字符串分割存儲到數(shù)組

例子:

str="jpg|bmp|gif|ico|png";
arr=theString.split("|");
//arr是一個(gè)包含字符值"jpg"、"bmp"、"gif"、"ico"和"png"的數(shù)組

函數(shù):John()

功能:使用您選擇的分隔符將一個(gè)數(shù)組合并為一個(gè)字符串

例子:

var delimitedString=myArray.join(delimiter);
var myList=new Array("jpg","bmp","gif","ico","png");
var portableList=myList.join("|");
//結(jié)果是jpg|bmp|gif|ico|png

函數(shù):substring()

功能:字符串截取,比如想從"MinidxSearchEngine"中得到"Minidx"就要用到substring(0,6)
 
函數(shù):indexOf()

功能:返回字符串中匹配子串的第一個(gè)字符的下標(biāo)

var myString="JavaScript";
var w=myString.indexOf("v");w will be 2
var x=myString.indexOf("S");x will be 4
var y=myString.indexOf("Script");y will also be 4
var z=myString.indexOf("key");z will be -1 

補(bǔ)充:JS截取字符串substr 和 substring方法的區(qū)別

substr 方法

返回一個(gè)從指定位置開始的指定長度的子字符串。

stringvar.substr(start [, length ])

參數(shù):

stringvar 必選項(xiàng)。要提取子字符串的字符串文字或 String 對象。

start 必選項(xiàng)。所需的子字符串的起始位置。字符串中的第一個(gè)字符的索引為 0。

length 可選項(xiàng)。在返回的子字符串中應(yīng)包括的字符個(gè)數(shù)。

說明

如果 length 為 0 或負(fù)數(shù),將返回一個(gè)空字符串。如果沒有指定該參數(shù),則子字符串將延續(xù)到 stringvar 的最后。

示例

下面的示例演示了substr 方法的用法。

function SubstrDemo(){
  var s, ss;        // 聲明變量。
  var s = "The rain in Spain falls mainly in the plain.";
  ss = s.substr(12, 5); // 獲取子字符串。
  return(ss);        // 返回 "Spain"。
}

substring 方法

返回位于 String 對象中指定位置的子字符串。

strVariable.substring(start, end)
"String Literal".substring(start, end)

參數(shù):

start 指明子字符串的起始位置,該索引從 0 開始起算。

end 指明子字符串的結(jié)束位置,該索引從 0 開始起算。

說明

substring 方法將返回一個(gè)包含從 start 到最后(不包含 end )的子字符串的字符串。

substring 方法使用 start 和 end 兩者中的較小值作為子字符串的起始點(diǎn)。例如, strvar.substring(0, 3) 和 strvar.substring(3, 0) 將返回相同的子字符串。

如果 start 或 end 為 NaN 或者負(fù)數(shù),那么將其替換為0。

子字符串的長度等于 start 和 end 之差的絕對值。例如,在 strvar.substring(0, 3) 和 strvar.substring(3, 0) 返回的子字符串的的長度是 3。

示例

下面的示例演示了 substring 方法的用法。

function SubstringDemo(){
  var ss; // 聲明變量。
  var s = "The rain in Spain falls mainly in the plain..";
  ss = s.substring(12, 17); // 取子字符串。
  return(ss); // 返回子字符串。
}

希望本文所述對大家JavaScript程序設(shè)計(jì)有所幫助。

相關(guān)文章

  • SVG實(shí)現(xiàn)時(shí)鐘效果

    SVG實(shí)現(xiàn)時(shí)鐘效果

    這篇文章主要為大家詳細(xì)介紹了SVG實(shí)現(xiàn)時(shí)鐘效果,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2018-07-07
  • uniapp中uni.request(OBJECT)接口請求封裝實(shí)例代碼

    uniapp中uni.request(OBJECT)接口請求封裝實(shí)例代碼

    在開發(fā)的時(shí)候經(jīng)常會用到前端請求后端接口,每次的請求都會出現(xiàn)地址不一樣,參數(shù)不一樣,方式不一樣等等情況,下面這篇文章主要給大家介紹了關(guān)于uniapp中uni.request(OBJECT)接口請求封裝的相關(guān)資料,需要的朋友可以參考下
    2022-12-12
  • Peer.js 構(gòu)建視頻聊天應(yīng)用使用詳解

    Peer.js 構(gòu)建視頻聊天應(yīng)用使用詳解

    這篇文章主要為大家介紹了Peer.js 構(gòu)建視頻聊天應(yīng)用使用詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪
    2023-03-03
  • BootStrap 圖標(biāo)icon符號圖標(biāo)glyphicons不正常顯示的快速解決辦法

    BootStrap 圖標(biāo)icon符號圖標(biāo)glyphicons不正常顯示的快速解決辦法

    這篇文章主要介紹了BootStrap 圖標(biāo)icon符號圖標(biāo)glyphicons不正常顯示的快速解決辦法,需要的朋友可以參考下
    2016-12-12
  • 詳解js實(shí)現(xiàn)線段交點(diǎn)的三種算法

    詳解js實(shí)現(xiàn)線段交點(diǎn)的三種算法

    下面小編就最近學(xué)會的一些”求線段交點(diǎn)”的算法說一說, 希望對大家有所幫助?!扒缶€段交點(diǎn)”是一種非?;A(chǔ)的幾何計(jì)算, 在很多游戲中都會被使用到。有需要的可以參考學(xué)習(xí)
    2016-08-08
  • 打印Proxy對象和ref對象的包實(shí)現(xiàn)詳解

    打印Proxy對象和ref對象的包實(shí)現(xiàn)詳解

    這篇文章主要為大家介紹了打印Proxy對象和ref對象的包實(shí)現(xiàn)詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪
    2022-11-11
  • JS模擬實(shí)現(xiàn)方法重載示例

    JS模擬實(shí)現(xiàn)方法重載示例

    這篇文章主要介紹了JS模擬實(shí)現(xiàn)方法重載,涉及js基于arguments實(shí)現(xiàn)重載的相關(guān)技巧,需要的朋友可以參考下
    2016-08-08
  • 拖動層

    拖動層

    [紅色]拖動層...
    2006-10-10
  • js定義類的幾種方法(推薦)

    js定義類的幾種方法(推薦)

    下面小編就為大家?guī)硪黄猨s定義類的幾種方法(推薦)。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧
    2016-06-06
  • javascript判斷chrome瀏覽器的方法

    javascript判斷chrome瀏覽器的方法

    這篇文章主要介紹了javascript判斷chrome瀏覽器的方法,通過userAgent判斷檢測一下userAgent返回的字符串里面是否包含“Chrome”,需要的朋友可以參考下
    2014-03-03

最新評論