js裁剪(分隔)字符串的三種常用方法
前言:在開發(fā)中我們經(jīng)常會(huì)遇到對(duì)于字符串的部分取舍問(wèn)題,今天我們來(lái)看看3中常用的方法來(lái)解決這個(gè)問(wèn)題。
一.Slice
1.兩個(gè)參數(shù):
兩個(gè)參數(shù):起始索引(開始位置),終止索引(結(jié)束位置),提取字符串的某個(gè)部分并在新字符串中返回被提取的部分。
包前不包后
var str="HelloTwd"; // slice方法 // 兩個(gè)參數(shù):起始索引(開始位置),終止索引(結(jié)束位置)。 // 提取字符串的某個(gè)部分并在新字符串中返回被提取的部分。 // 包前不包后 var res=str.slice(1,5); console.log(res);
2.參數(shù)為負(fù):
如果某個(gè)參數(shù)為負(fù),則從字符串的結(jié)尾開始計(jì)數(shù),包后不包前
。
var str="HelloTwd"; // 如果某個(gè)參數(shù)為負(fù),則從字符串的結(jié)尾開始計(jì)數(shù)。 // 包后不包前 var res1=str.slice(1,-5) console.log(res1);
3.一個(gè)參數(shù):
如果省略第二個(gè)參數(shù),則該方法將裁剪字符串的剩余部分,包前
,如果參數(shù)為負(fù),從結(jié)尾開始計(jì)數(shù),包括裁切數(shù)值的位置的字符。
var str="HelloTwd"; // 如果省略第二個(gè)參數(shù),則該方法將裁剪字符串的剩余部分: // 包前 var res2=str.slice(5) console.log(res2); // 從結(jié)尾開始計(jì)數(shù),包括裁切數(shù)值的位置的字符 var res3=str.slice(-5) console.log(res3);
4.注意:
如果為正數(shù),則是索引從0開始,若為負(fù)數(shù),則索引從-1開始,也就是結(jié)尾的索引1開始,并非0。
二.Substring
1.兩個(gè)參數(shù):
substring() 類似于 slice(),不同之處在于 substring() 無(wú)法接受負(fù)的索引。包前不包后
。
var str="HelloTwd" // substring() 類似于 slice()。 // 不同之處在于 substring() 無(wú)法接受負(fù)的索引。 // 包前不包后 var res=str.substring(1,5) console.log(res);
2.一個(gè)參數(shù):
如果省略第二個(gè)參數(shù),則該 substring() 將裁剪字符串的剩余部分,包前
。
var str="HelloTwd" // 如果省略第二個(gè)參數(shù),則該 substring() 將裁剪字符串的剩余部分。 // 包前 var res1=str.substring(5) console.log(res1);
3.注意:
如果為負(fù)數(shù),則返回整個(gè)字符串。
var str="HelloTwd" // 如果為負(fù)數(shù),則返回整個(gè)字符串 var res3=str.substring(-2) console.log(res3);
三.Sbustr
1.兩個(gè)參數(shù):
substr() 類似于 slice(),不同之處在于第二個(gè)參數(shù)規(guī)定被提取部分的長(zhǎng)度。不包前
var str="HelloTwd" // substr() 類似于 slice()。 // 不同之處在于第二個(gè)參數(shù)規(guī)定被提取部分的長(zhǎng)度。 // 不包前 var res=str.substr(1,6) console.log(res);
為負(fù)數(shù)時(shí)候, 包括裁剪的數(shù)值處的字符。
var str="HelloTwd" // 為負(fù)數(shù) // 包括裁剪的數(shù)值處的字符 var res1=str.substr(-2,2) console.log(res1);
2.一個(gè)參數(shù):
** 如果省略第二個(gè)參數(shù),則該 substr() 將裁剪字符串的剩余部分,包括要分隔的數(shù)值出的字符。**
var str="HelloTwd" // 如果省略第二個(gè)參數(shù),則該 substr() 將裁剪字符串的剩余部分。 // 包括要分隔的數(shù)值出的字符 var res2=str.substr(-5) console.log(res2);
3.注意:
超出索引不輸出內(nèi)容
到此這篇關(guān)于js裁剪(分隔)字符串的三種常用方法的文章就介紹到這了,更多相關(guān)js 分隔字符串內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
相關(guān)文章
JS中關(guān)于事件處理函數(shù)名后面是否帶括號(hào)的問(wèn)題
JS中的事件處理(事件綁定)就是讓某種或某些事件觸發(fā)某些活動(dòng)。有兩種常見的形式,分別是DOM Level 0 和DOM Level 2。今天總結(jié)一個(gè)關(guān)于事件處理程序的小細(xì)節(jié)。感興趣的朋友一起學(xué)習(xí)吧2016-11-11javascript排序函數(shù)實(shí)現(xiàn)數(shù)字排序
這篇文章主要介紹了javascript排序函數(shù)實(shí)現(xiàn)數(shù)字排序的相關(guān)資料,附上示例,需要的朋友可以參考下2015-06-06解決bootstrap模態(tài)框數(shù)據(jù)緩存的問(wèn)題方法
今天小編就為大家分享一篇解決bootstrap模態(tài)框數(shù)據(jù)緩存的問(wèn)題方法,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-08-08微信小程序?qū)崿F(xiàn)圖片滾動(dòng)效果示例
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)圖片滾動(dòng)效果,結(jié)合實(shí)例形式分析了微信小程序基于swiper組件的圖片滾動(dòng)效果相關(guān)實(shí)現(xiàn)技巧與操作注意事項(xiàng),需要的朋友可以參考下2018-12-12使兩個(gè)iframe的高度與內(nèi)容自適應(yīng),且相等
使兩個(gè)iframe的高度與內(nèi)容自適應(yīng),且相等...2006-11-11JS把內(nèi)容動(dòng)態(tài)插入到DIV的實(shí)現(xiàn)方法
下面小編就為大家?guī)?lái)一篇JS把內(nèi)容動(dòng)態(tài)插入到DIV的實(shí)現(xiàn)方法。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-07-07