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