JavaScript中切割截取字符串的7種方法
1. slice()
功能:可提取字符串的某個(gè)部分,并以新的字符串返回被提取的部分;
語法:array.slice(start, end)
start: 必需。規(guī)定從何處開始選取。如果是負(fù)數(shù),那么它規(guī)定從數(shù)組尾部開始算起的位置。
如果該參數(shù)為負(fù)數(shù),則表示從原數(shù)組中的倒數(shù)第幾個(gè)元素開始提取,
slice(-2) 表示提取原數(shù)組中的倒數(shù)第二個(gè)元素到最后一個(gè)元素(包含最后一個(gè)元素)。
end: 可選。規(guī)定從何處結(jié)束選取。該參數(shù)是數(shù)組片斷結(jié)束處的數(shù)組下標(biāo)。
如果沒有指定該參數(shù),那么切分的數(shù)組包含從 start 到數(shù)組結(jié)束的所有元素。
如果該參數(shù)為負(fù)數(shù), 則它表示在原數(shù)組中的倒數(shù)第幾個(gè)元素結(jié)束抽取。
slice(-2,-1) 表示抽取了原數(shù)組中的倒數(shù)第二個(gè)元素到最后一個(gè)元素(不包含最后一個(gè)元素,就是只有倒數(shù)第二個(gè)元素)。
var str = "123,456,789"; console.log(str.slice(2,6)); // 3,45 console.log(str.slice(-6,-2)); // 56,7 console.log(str.slice(2)); // 3,456,789 console.log(str.slice(-6)); // 56,789
2. substring()
功能:用于提取字符串中介于兩個(gè)指定下標(biāo)之間的字符;
語法:string.substring(from, to)
from:必需。一個(gè)非負(fù)的整數(shù),規(guī)定要提取的子串的第一個(gè)字符在 string Object 中的位置。
to: 可選。一個(gè)非負(fù)的整數(shù),比要提取的子串的最后一個(gè)字符在 string Object 中的位置多1。
如果省略該參數(shù),那么返回的子串會(huì)一直到字符串的結(jié)尾。
substring() 方法返回的子串包括 開始處的字符,但不包括 結(jié)束處的字符。
注意:如果 start 比 end 大,那么該方法在提取子串之前會(huì)先交換這兩個(gè)參數(shù)。
如果 start 或 end 為負(fù)數(shù),那么它將被替換為 0。
如果 start 與 end 相等,那么該方法返回的就是一個(gè)空串。
var str = "123,456,789"; console.log(str.substring(2,6)); // 3,45 console.log(str.substring(2)); // 3,456,789 console.log(str.substring(6,2)); // 3,45 console.log(str.substring(-6,-2)); // console.log(str.substring(6,6)); //
3. substr()
功能:可在字符串中抽取從開始下標(biāo)開始的指定數(shù)目的字符;
語法:string.substr(start,length)
start:必需。要抽取的子串的起始下標(biāo),必須是數(shù)值。
如果是負(fù)數(shù),那么該參數(shù)聲明從字符串的尾部開始算起的位置。
也就是說,-1 指字符串中最后一個(gè)字符,-2 指倒數(shù)第二個(gè)字符,以此類推。
length:可選。子串中的字符數(shù),必須是數(shù)值。
如果省略了該參數(shù),那么返回從 stringObject 的開始位置到結(jié)尾的字串。
注意: substr() 方法不會(huì)改變?cè)醋址?/p>
var str = "123,456,789"; console.log(str.substr(2,6)); // 3,456, console.log(str.substr(0)); // 123,456,789 console.log(str.substr(-2)); // 89
4. split()
功能:把一個(gè)字符串分割成字符串?dāng)?shù)組;
語法:string.split(separator,limit)
separator:可選。字符串或正則表達(dá)式,從該參數(shù)指定的地方分割 string Object。
如果把空字符串 ("") 用作 separator,那么 stringObject 中的每個(gè)字符之間都會(huì)被分割。
limit: 可選。該參數(shù)可指定返回的數(shù)組的最大長(zhǎng)度。
如果設(shè)置了該參數(shù),返回的子串不會(huì)多于這個(gè)參數(shù)指定的數(shù)組。
如果沒有設(shè)置該參數(shù),整個(gè)字符串都會(huì)被分割,不考慮它的長(zhǎng)度。
注意: split() 方法不改變?cè)甲址?/p>
var str = "123,456,789"; console.log(str.split('')); // ["1", "2", "3", ",", "4", "5", "6", ",", "7", "8", "9"] console.log(str.split(',')); // ["123", "456", "789"]
5. join()
功能:用于把數(shù)組中的所有元素轉(zhuǎn)換一個(gè)字符串;
語法:array.join(separator)
separator:可選,指定要使用的分隔符。如果省略該參數(shù),則使用逗號(hào)作為分隔符。
var str = [123,456,789]; console.log(str.join('')); // 123456789 console.log(str.join(',')); // 123,456,789
6. charAt()
功能:返回指定位置的字符;
語法:string.charAt(index)
index:必需。表示字符串中某個(gè)位置的數(shù)字,即字符在字符串中的位置。
var str = '123,456,789'; console.log(str.charAt(2)); // 2
7. charCodeAt()
功能:返回指定位置的字符的 Unicode 編碼;
語法:string.charCodeAt(index)
index:必需。表示字符串中某個(gè)位置的數(shù)字,即字符在字符串中的位置。
var str = '123,456,789'; console.log(str.charCodeAt(2)); // 51
到此這篇關(guān)于JavaScript中切割截取字符串的7種方法的文章就介紹到這了,更多相關(guān)JavaScript 切割截取字符串內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
相關(guān)文章
JavaScript實(shí)現(xiàn)隨機(jī)數(shù)生成器(去重)
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)隨機(jī)數(shù)生成器,生成不重復(fù)的隨機(jī)數(shù),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-10-10JavaScript創(chuàng)建命名空間(namespace)的最簡(jiǎn)實(shí)現(xiàn)
JavaScript創(chuàng)建命名空間(namespace)通過自定義函數(shù)進(jìn)行類型判斷、數(shù)組遍歷、函數(shù)執(zhí)行等相關(guān)操作來實(shí)現(xiàn)命名空間的功能,需要的朋友可以參考一下2007-12-12js canvas實(shí)現(xiàn)隨機(jī)粒子特效
這篇文章主要為大家詳細(xì)介紹了js canvas隨機(jī)粒子特效,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2021-04-04教你使用javascript簡(jiǎn)單寫一個(gè)頁面模板引擎
不知道你有木有聽說過一個(gè)基于Javascript的Web頁面預(yù)處理器,叫做AbsurdJS。只是打算寫一個(gè)CSS的預(yù)處理器,后來擴(kuò)展到了CSS和HTML,可以用來把Javascript代碼轉(zhuǎn)成CSS和HTML代碼。當(dāng)然,由于可以生成HTML代碼,你也可以把它當(dāng)成一個(gè)模板引擎,用于在標(biāo)記語言中填充數(shù)據(jù)。2015-05-05JS調(diào)用頁面表格導(dǎo)出excel示例代碼
這篇文章主要介紹了JS調(diào)用頁面表格導(dǎo)出excel的具體實(shí)現(xiàn),需要的朋友可以參考下2014-03-03簡(jiǎn)單談?wù)刟xios中的get,post方法
下面小編就為大家?guī)硪黄?jiǎn)單談?wù)刟xios中的get,post方法。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-06-06uniapp動(dòng)態(tài)修改元素節(jié)點(diǎn)樣式詳解
這篇文章主要介紹了uni-app動(dòng)如何態(tài)修改元素節(jié)點(diǎn)樣式,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2021-08-08原生javascript制作的拼圖游戲?qū)崿F(xiàn)方法詳解
這篇文章主要介紹了原生javascript制作的拼圖游戲?qū)崿F(xiàn)方法,結(jié)合實(shí)例形式詳細(xì)分析了JavaScript制作拼圖游戲的相關(guān)步驟、原理、實(shí)現(xiàn)方法及相關(guān)操作注意事項(xiàng),需要的朋友可以參考下2020-02-02