JS中通過slice()&substring()截取字符串前幾位的方法
js中截取字符串前幾位的兩種方法slice()&substring()
在Javascript使用字符串中,我們不一定需要全部的字符串,這時(shí)就需要截取字符串。本文主要介紹js中截取字符串前幾位的兩種方法:1、使用slice() 方法;2、使用substring() 方法。
方法一:使用slice() 方法
可提取字符串的某個(gè)部分,并以新的字符串返回被提取的部分。
語法
string.slice(start,end)
實(shí)例
var str="abc12345"; alert(str.slice(3)) // => 12345 截取掉前三位字符,保留后幾位
方法二:使用substring() 方法
用于提取字符串中介于兩個(gè)指定下標(biāo)之間的字符。
語法
string.substring(start,stop)
實(shí)例
var disName ='開心一族漂亮家園'; var shortName = disName.substring(0,5); console.log(shortName);//打印結(jié)果:開心一族漂
補(bǔ)充:
三種JS截取字符串方法 slice(),substring()和substr()
JS提供三個(gè)截取字符串的方法,分別是:slice(),substring()和substr(),它們都可以接受一個(gè)或兩個(gè)參數(shù):
var stmp = “rcinn.cn”;
使用一個(gè)參數(shù)
alert(stmp.slice(3));//從第4個(gè)字符開始,截取到最后個(gè)字符;返回"nn.cn" alert(stmp.substring(3));//從第4個(gè)字符開始,截取到最后個(gè)字符;返回"nn.cn"
slice
語法
string.slice(start,end) 不包括end
參數(shù) 描述
start 必須。 要抽取的片斷的起始下標(biāo),第一個(gè)字符位置為 0。如果為負(fù)數(shù),則從尾部開始截取。 end 可選。
緊接著要截取的片段結(jié)尾的下標(biāo)。若未指定此參數(shù),則要提取的子串包括 start。
end到原字符串結(jié)尾的字符串。如果該參數(shù)是負(fù)數(shù),那么它規(guī)定的是從字符串的尾部開始算起的位置。slice(-2)。
表示提取原數(shù)組中的倒數(shù)第二個(gè)元素到最后一個(gè)元素(包含最后一個(gè)元素)。
切割字符串
var a = 'stings'; console.log(a.slice()) //stings console.log(a.slice(1)) //tings console.log(a.slice(1,2)) // t console.log(a.slice(-1)) //s console.log(a.slice(1,-1)) // ting
切割數(shù)組
var arr = [1,2,3,4,5]; console.log(arr.slice(1));//[2,3,4,5] 選擇序列號從1到最后的所有元素組成的新數(shù)組。 console.log(arr.slice(1,3))//[2,3] 不包含end,序列號為3的元素
substr
所有主要瀏覽器都支持 substr() 方法
語法
string.substr(start,length)
參數(shù)值
start 必需。要抽取的子串的起始下標(biāo)。必須是數(shù)值。如果是負(fù)數(shù),那么該參數(shù)聲明從字符串的尾部開始算起的位置。也就是說,-1 指字符串中最后一個(gè)字符,-2 指倒數(shù)第二個(gè)字符,以此類推。
length 可選。子串中的字符數(shù)。必須是數(shù)值。如果省略了該參數(shù),那么返回從 stringObject 的開始位置到結(jié)尾的字串。
var str="Hello world!"; console.log(str.substr()) //Hello world! console.log(str.substr(2)) //llo world! console.log(str.substr(1,2)) //el console.log(str.substr(-1)) //! console.log(str.substr(1,6)) // ello w console.log(str.substr(0,16)) //Hello world!
substring
定義和用法
substring() 方法用于提取字符串中介于兩個(gè)指定下標(biāo)之間的字符。 substring() 方法返回的子串包括 開始 處的字符,但不包括 結(jié)束 處的字符。
語法
string.substring(from, to) 不包括to
參數(shù) 描述
from 必需。一個(gè)非負(fù)的整數(shù),規(guī)定要提取的子串的第一個(gè)字符在 string Object 中的位置。
to 可選。一個(gè)非負(fù)的整數(shù),比要提取的子串的最后一個(gè)字符在 string Object 中的位置多 1。
如果省略該參數(shù),那么返回的子串會(huì)一直到字符串的結(jié)尾。
var str="Hello+world!"; console.log(str.substring()) //Hello+world! console.log(str.substring(2)) //llo+world! console.log(str.substring(1,2)) //e console.log(str.substring(-1)) //Hello+world! console.log(str.substring(1,6)) // ello+ console.log(str.substring(0,16)) //Hello+world!
substing 和substr 不能用于數(shù)組 截取,slice 可以用于數(shù)組截取,截取返回的是數(shù)組
到此這篇關(guān)于js中截取字符串前幾位的兩種方法slice()&substring()的文章就介紹到這了,更多相關(guān)js截取字符串內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
相關(guān)文章
JavaScript中數(shù)組reduce()方法使用詳情
這篇文章主要介紹了JavaScript中數(shù)組reduce()方法使用詳情,reduce()對數(shù)組中的每個(gè)元素進(jìn)行累加,返回一個(gè)新的值,可以傳入初始值,更多相關(guān)內(nèi)容需要的小伙伴可以參考一下下面文章介紹2022-09-09js驗(yàn)證電話號碼與手機(jī)支持+86的正則表達(dá)式
本篇文章主要介紹了js驗(yàn)證電話號碼與手機(jī)支持+86的正則表達(dá)式。需要的朋友可以過來參考下,希望對大家有所幫助2014-01-01JavaScript數(shù)據(jù)類型轉(zhuǎn)換的注意事項(xiàng)
JavaScript是一種無類型語言,但同時(shí)JavaScript提供了一種靈活的自動(dòng)類型轉(zhuǎn)換的處理方式。基本規(guī)則是,如果某個(gè)類型的值用于需要其他類型的值的環(huán)境中,JavaScript就自動(dòng)將這個(gè)值轉(zhuǎn)換成所需要的類型。2016-07-07利用JS重寫Cognos右鍵菜單的實(shí)現(xiàn)代碼
我寫了一個(gè)利用JS禁用Cognos右鍵菜單,下面的JS可以實(shí)現(xiàn)重寫Cognos的右鍵菜單。只要將下面的代碼拷到一個(gè)HTML項(xiàng)里即可。2010-04-04詳解照片瀑布流效果(js,jquery分別實(shí)現(xiàn)與知識點(diǎn)總結(jié))
本篇文章主要介紹了照片瀑布流效果,實(shí)現(xiàn)圖片自動(dòng)加載的瀑布流效果,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下。2017-01-01使用Require.js封裝原生js輪播圖的實(shí)現(xiàn)代碼
這篇文章主要介紹了使用Require.js封裝原生js輪播圖的實(shí)現(xiàn)代碼,需要的朋友可以參考下2017-06-06JS實(shí)現(xiàn)點(diǎn)擊發(fā)送驗(yàn)證碼 xx秒后重新發(fā)送功能
在一些注冊類的網(wǎng)站,經(jīng)常遇到這樣的需求,點(diǎn)擊發(fā)送驗(yàn)證碼,xx秒后重新發(fā)送,這樣的功能怎么實(shí)現(xiàn)呢,接下來通過本文給大家分享js點(diǎn)擊發(fā)送驗(yàn)證碼 xx秒后重新發(fā)送功能,需要的朋友參考下吧2019-07-07JS實(shí)現(xiàn)TITLE懸停長久顯示效果完整示例
這篇文章主要介紹了JS實(shí)現(xiàn)TITLE懸停長久顯示效果,結(jié)合完整實(shí)例形式分析了JavaScript鼠標(biāo)事件響應(yīng)及頁面元素屬性動(dòng)態(tài)操作相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下2020-02-02