教你用js截取字符串開頭、結(jié)尾及兩字符串之間的內(nèi)容
前言
說到截取字符串我們都不陌生,使用范圍比較廣泛,下文是我整理的js常用截取字符串的方法,并且也展示了解決js截取字符串開頭、結(jié)尾、以及兩字符串之間的內(nèi)容的方案!
1.使用substr方法
(用于返回一個(gè)從指定位置開始的指定長度的子字符串)
語法 stringObject.substr(開始位置下標(biāo),截取長度) 如果沒有指定截取長度,則字符串將延續(xù)截取到字符串最后一位。
let str = "Hello word!";
str.substr(0, 5); //Hello 2.使用substring方法
(用于提取字符串中介于兩個(gè)指定下標(biāo)之間的字符)
語法 stringObject.substring(開始索引,結(jié)束索引) 如果省略結(jié)束字符,那么返回的子串會(huì)一直到字符串的結(jié)尾
let str = "Hello word!";
console.log(str.substring(2, 4)); //ll3.使用slice方法()
(截取字符串,從開始字符,不包含結(jié)束字符)
語法 stringObject.slice(開始位置,結(jié)束位置) 提取字符串的某個(gè)部分,并以新的字符串返回被提取的部分
var str = "Hello happy world!";
str.slice(6, 11); //happy4.使用split方法()
(使用一個(gè)指定的分隔符把一個(gè)字符串分割存儲(chǔ)到數(shù)組)
語法 stringObject.split(需要分割的字符/正則表達(dá)式) 將一個(gè)字符串分割并存儲(chǔ)到數(shù)組
var str = "hello world!hello man!how are you!"; var arr = str.split(); console.log(arr) //["hello world!hello man!how are you!"]
接下來就說下解決js截取字符串開頭、結(jié)尾、以及兩字符串之間的內(nèi)容的問題
1、js截取兩個(gè)字符串之間的內(nèi)容
var str = "hello word!";
str = str.match(/h(\S*)!/)[1];
alert(str); ello wor2、js截取某個(gè)字符串前面的內(nèi)容
var str = "aaafff";
str = str.match(/(\S*)fff/)[1];
alert(str); //aaa3、js截取某個(gè)字符串后面的內(nèi)容
var str = "aaafff";
str = str.match(/aaa(\S*)/)[1];
alert(str); //fff以上個(gè)人理解
附:js字符串截取最后一個(gè)斜杠之后的字符
效果

congsole.log(n)
const spliceLength2 = n.lastIndexOf("/");
this.pathType = n.slice(spliceLength2 + 1);
congsole.log(this.pathType)
總結(jié)
到此這篇關(guān)于用js截取字符串開頭、結(jié)尾及兩字符串之間的內(nèi)容的文章就介紹到這了,更多相關(guān)js截取字符串開頭結(jié)尾及字符串間內(nèi)容內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
相關(guān)文章
詳解webpack+express多頁站點(diǎn)開發(fā)
這篇文章主要介紹了詳解webpack+express多頁站點(diǎn)開發(fā)2017-12-12
原生JS實(shí)現(xiàn)圖片輪播與淡入效果的簡單實(shí)例
下面小編就為大家?guī)硪黄鶭S實(shí)現(xiàn)圖片輪播與淡入效果的簡單實(shí)例。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-08-08
javascript獲取鼠標(biāo)點(diǎn)擊元素對(duì)象(示例代碼)
本篇文章主要介紹了利用javascript獲取鼠標(biāo)點(diǎn)擊元素對(duì)象的示例代碼。需要的朋友可以過來參考下,希望對(duì)大家有所幫助2013-12-12
一步一步封裝自己的HtmlHelper組件BootstrapHelper(二)
一步一步封裝自己的HtmlHelper組件:BootstrapHelper,系列文章第二篇,感興趣的小伙伴們可以參考一下2016-09-09
JS動(dòng)態(tài)添加Table的TR,TD實(shí)現(xiàn)方法
這篇文章主要介紹了JS動(dòng)態(tài)添加Table的TR,TD實(shí)現(xiàn)方法,涉及js針對(duì)Table中TR、TD節(jié)點(diǎn)的操作技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-01-01

