JS截取與分割字符串常用技巧總結(jié)
本文實(shí)例講述了JS截取與分割字符串的常用方法。分享給大家供大家參考,具體如下:
JS截取字符串可使用 substring()或者slice()
函數(shù):substring()
定義:substring(start,end)表示從start到end之間的字符串,包括start位置的字符但是不包括end位置的字符。
功能:字符串截取,比如想從"MinidxSearchEngine"中得到"Minidx"就要用到substring(0,6)
例子:
var src="images/off_1.png"; alert(src.substring(7,10)); //彈出值為:off
函數(shù):substr()
定義:substr(start,length)表示從start位置開(kāi)始,截取length長(zhǎng)度的字符串。
功能:字符串截取
例子:
var src="images/off_1.png"; alert(src.substr(7,3)); //彈出值為:off
函數(shù):split()
功能:使用一個(gè)指定的分隔符把一個(gè)字符串分割存儲(chǔ)到數(shù)組
例子:
str="jpg|bmp|gif|ico|png"; arr=theString.split("|"); //arr是一個(gè)包含字符值"jpg"、"bmp"、"gif"、"ico"和"png"的數(shù)組
函數(shù):Join()
功能:使用您選擇的分隔符將一個(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ù):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
函數(shù):lastIndexOf()
定義:lastIndexOf()方法返回從右向左出現(xiàn)某個(gè)字符或字符串的首個(gè)字符索引值(與indexOf相反)
功能:返回字符串索引值
例子:
var src="images/off_1.png"; alert(src.lastIndexOf('/')); alert(src.lastIndexOf('g')); //彈出值依次為:6,15
補(bǔ)充:substr 和 substring方法的區(qū)別
substr 方法
返回一個(gè)從指定位置開(kāi)始的指定長(zhǎng)度的子字符串。
stringvar.substr(start [, length ])
參數(shù)
stringvar
必選項(xiàng)。要提取子字符串的字符串文字或 String 對(duì)象。
start
必選項(xiàng)。所需的子字符串的起始位置。字符串中的第一個(gè)字符的索引為 0。
length
可選項(xiàng)。在返回的子字符串中應(yīng)包括的字符個(gè)數(shù)。
說(shuō)明
如果 length 為 0 或負(fù)數(shù),將返回一個(gè)空字符串。如果沒(méi)有指定該參數(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 對(duì)象中指定位置的子字符串。
strVariable.substring(start, end)
"String Literal".substring(start, end)
參數(shù)
start
指明子字符串的起始位置,該索引從 0 開(kāi)始起算。
end
指明子字符串的結(jié)束位置,該索引從 0 開(kāi)始起算。
說(shuō)明
substring 方法將返回一個(gè)包含從 start 到最后(不包含 end )的子字符串的字符串。
substring 方法使用 start 和 end 兩者中的較小值作為子字符串的起始點(diǎn)。例如, strvar.substring(0, 3) 和 strvar.substring(3, 0) 將返回相同的子字符串。
如果 start 或 end 為 NaN 或者負(fù)數(shù),那么將其替換為0。
子字符串的長(zhǎng)度等于 start 和 end 之差的絕對(duì)值。例如,在 strvar.substring(0, 3) 和 strvar.substring(3, 0) 返回的子字符串的的長(zhǎng)度是 3。
示例
下面的示例演示了 substring 方法的用法。
function SubstringDemo(){ var ss; // 聲明變量。 var s = "The rain in Spain falls mainly in the plain.."; ss = s.substring(12, 17); // 取子字符串。 return(ss); // 返回子字符串。 }
希望本文所述對(duì)大家JavaScript程序設(shè)計(jì)有所幫助。
相關(guān)文章
基于Web Audio API實(shí)現(xiàn)音頻可視化效果
這篇文章主要介紹了基于Web Audio API實(shí)現(xiàn)音頻可視化效果,本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2020-06-06JavaScript詳解類數(shù)組與可迭代對(duì)象的實(shí)現(xiàn)原理
這篇文章主要介紹了JavaScript詳解類數(shù)組與可迭代對(duì)象的實(shí)現(xiàn)原理,ES6中引入了迭代器與可迭代對(duì)象的概念,并且提供了對(duì)可迭代對(duì)象的相關(guān)支持,如for...of循環(huán),Map(iterable)構(gòu)造器,展開(kāi)語(yǔ)法...等。讓我們對(duì)數(shù)組外的數(shù)據(jù)集合的遍歷操作也得到極大簡(jiǎn)化2022-06-06使用JavaScript通過(guò)前端發(fā)送電子郵件
這篇文章主要介紹了使用JavaScript通過(guò)前端發(fā)送電子郵件,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2020-05-05JavaScript encodeURI 和encodeURIComponent
encodeURI和encodeURIComponet函數(shù)都是javascript中用來(lái)對(duì)URI進(jìn)行編碼,將相關(guān)參數(shù)轉(zhuǎn)換成UTF-8編碼格式的數(shù)據(jù)。URI在進(jìn)行定位跳轉(zhuǎn)時(shí),參數(shù)里面的中文、日文等非ASCII編碼都會(huì)進(jìn)行編碼轉(zhuǎn)換2015-12-12將字符串中由空格隔開(kāi)的每個(gè)單詞首字母大寫(xiě)
這篇文章主要介紹了如何將字符串中的每個(gè)單詞的首字母變?yōu)榇髮?xiě),需要的朋友可以參考下2014-04-04等待指定時(shí)間后自動(dòng)跳轉(zhuǎn)或關(guān)閉當(dāng)前頁(yè)面的js代碼
本文為大家詳細(xì)介紹下如何通過(guò)js實(shí)現(xiàn)等待指定時(shí)間后自動(dòng)跳轉(zhuǎn)或關(guān)閉當(dāng)前頁(yè)面的腳步代碼,感興趣的朋友可以參考下哈,希望對(duì)大家有所幫助2013-07-07利用JQuery和JS實(shí)現(xiàn)奇偶行背景顏色自定義效果
本文將詳細(xì)介紹利用JQuery和JS實(shí)現(xiàn)奇偶行背景顏色自定義效果,需要的朋友可以參考下2012-11-11CodeMirror實(shí)現(xiàn)代碼對(duì)比功能(插件react vue)
這篇文章主要介紹了CodeMirror實(shí)現(xiàn)代碼對(duì)比功能,用到的插件有vue或者react都需要這一步且同樣的下載方式,本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì),需要的朋友可以參考下2022-05-05