最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

教你用js截取字符串開(kāi)頭、結(jié)尾及兩字符串之間的內(nèi)容

 更新時(shí)間:2022年11月24日 11:50:48   作者:唔希波西  
在js中可以通過(guò)indexOf()方法找到指定的字符位置,再使用length屬性獲得字符串的長(zhǎng)度,下面這篇文章主要給大家介紹了關(guān)于如何用js截取字符串開(kāi)頭、結(jié)尾及兩字符串之間的內(nèi)容的相關(guān)資料,需要的朋友可以參考下

前言

說(shuō)到截取字符串我們都不陌生,使用范圍比較廣泛,下文是我整理的js常用截取字符串的方法,并且也展示了解決js截取字符串開(kāi)頭、結(jié)尾、以及兩字符串之間的內(nèi)容的方案!

1.使用substr方法

(用于返回一個(gè)從指定位置開(kāi)始的指定長(zhǎng)度的子字符串)

語(yǔ)法  stringObject.substr(開(kāi)始位置下標(biāo),截取長(zhǎng)度) 如果沒(méi)有指定截取長(zhǎng)度,則字符串將延續(xù)截取到字符串最后一位。

    let str = "Hello word!";
    str.substr(0, 5); //Hello  

2.使用substring方法

(用于提取字符串中介于兩個(gè)指定下標(biāo)之間的字符)

語(yǔ)法  stringObject.substring(開(kāi)始索引,結(jié)束索引) 如果省略結(jié)束字符,那么返回的子串會(huì)一直到字符串的結(jié)尾

    let str = "Hello word!";
    console.log(str.substring(2, 4)); //ll

3.使用slice方法()

(截取字符串,從開(kāi)始字符,不包含結(jié)束字符)

語(yǔ)法  stringObject.slice(開(kāi)始位置,結(jié)束位置) 提取字符串的某個(gè)部分,并以新的字符串返回被提取的部分

     var str = "Hello happy world!";
     str.slice(6, 11); //happy

4.使用split方法()

(使用一個(gè)指定的分隔符把一個(gè)字符串分割存儲(chǔ)到數(shù)組)

語(yǔ)法  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!"]

接下來(lái)就說(shuō)下解決js截取字符串開(kāi)頭、結(jié)尾、以及兩字符串之間的內(nèi)容的問(wèn)題

1、js截取兩個(gè)字符串之間的內(nèi)容 

    var str = "hello word!";
    str = str.match(/h(\S*)!/)[1];
    alert(str); ello wor

2、js截取某個(gè)字符串前面的內(nèi)容

    var str = "aaafff";
    str = str.match(/(\S*)fff/)[1];
    alert(str); //aaa

 3、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截取字符串開(kāi)頭、結(jié)尾及兩字符串之間的內(nèi)容的文章就介紹到這了,更多相關(guān)js截取字符串開(kāi)頭結(jié)尾及字符串間內(nèi)容內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!

相關(guān)文章

  • 關(guān)于微信中a鏈接無(wú)法跳轉(zhuǎn)問(wèn)題

    關(guān)于微信中a鏈接無(wú)法跳轉(zhuǎn)問(wèn)題

    微信頁(yè)面開(kāi)發(fā)時(shí),各個(gè)主頁(yè)之間的跳轉(zhuǎn),完全是通過(guò)a鏈接進(jìn)行的,但是來(lái)回跳轉(zhuǎn)幾次,再次從其他主頁(yè)面跳回首頁(yè)的時(shí)候,微信頭部出現(xiàn)了跳轉(zhuǎn)加載進(jìn)度條,但是就是不跳轉(zhuǎn),也沒(méi)有任何反應(yīng),怎么回事呢?下面小編給大家解答下
    2016-08-08
  • 詳解webpack+express多頁(yè)站點(diǎn)開(kāi)發(fā)

    詳解webpack+express多頁(yè)站點(diǎn)開(kāi)發(fā)

    這篇文章主要介紹了詳解webpack+express多頁(yè)站點(diǎn)開(kāi)發(fā)
    2017-12-12
  • js 操作css實(shí)現(xiàn)代碼

    js 操作css實(shí)現(xiàn)代碼

    雖說(shuō)jquery支持css選擇器,可以把一些css規(guī)則放在js里,js無(wú)論如何是比css靈活的。但是js修改的是dom的htmlelement的stlye,是一個(gè)操作而非規(guī)則。
    2009-06-06
  • 原生JS實(shí)現(xiàn)圖片輪播與淡入效果的簡(jiǎn)單實(shí)例

    原生JS實(shí)現(xiàn)圖片輪播與淡入效果的簡(jiǎn)單實(shí)例

    下面小編就為大家?guī)?lái)一篇原生JS實(shí)現(xiàn)圖片輪播與淡入效果的簡(jiǎn)單實(shí)例。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
    2016-08-08
  • javascript獲取鼠標(biāo)點(diǎn)擊元素對(duì)象(示例代碼)

    javascript獲取鼠標(biāo)點(diǎn)擊元素對(duì)象(示例代碼)

    本篇文章主要介紹了利用javascript獲取鼠標(biāo)點(diǎn)擊元素對(duì)象的示例代碼。需要的朋友可以過(guò)來(lái)參考下,希望對(duì)大家有所幫助
    2013-12-12
  • 一步一步封裝自己的HtmlHelper組件BootstrapHelper(二)

    一步一步封裝自己的HtmlHelper組件BootstrapHelper(二)

    一步一步封裝自己的HtmlHelper組件:BootstrapHelper,系列文章第二篇,感興趣的小伙伴們可以參考一下
    2016-09-09
  • 小程序?qū)崿F(xiàn)事件綁定的方法步驟

    小程序?qū)崿F(xiàn)事件綁定的方法步驟

    本文主要介紹了小程序?qū)崿F(xiàn)事件綁定的方法步驟,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
    2022-04-04
  • Javascript數(shù)組中push方法用法分析

    Javascript數(shù)組中push方法用法分析

    這篇文章主要介紹了Javascript數(shù)組中push方法用法,結(jié)合實(shí)例形式分析了javascript中push方法的原理、使用方法與相關(guān)注意事項(xiàng),需要的朋友可以參考下
    2016-10-10
  • 詳解JavaScript實(shí)現(xiàn)哈希表

    詳解JavaScript實(shí)現(xiàn)哈希表

    哈希表是一種非常重要的數(shù)據(jù)結(jié)構(gòu),幾乎所有的編程語(yǔ)言都有直接或者間接的應(yīng)用這種數(shù)據(jù)結(jié)構(gòu)。本文將為大家介紹通過(guò)JavaScript如何實(shí)現(xiàn)哈希表,以及哈希表的一些常用操作,需要的可以參考一下
    2021-12-12
  • JS動(dòng)態(tài)添加Table的TR,TD實(shí)現(xiàn)方法

    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

最新評(píng)論

新民市| 岫岩| 定远县| 威宁| 吉首市| 兴文县| 凤山市| 凤山市| 平度市| 通榆县| 广宗县| 望都县| 彰化县| 漳浦县| 华容县| 襄垣县| 柳河县| 星子县| 枞阳县| 龙门县| 迭部县| 安陆市| 德格县| 临潭县| 修水县| 怀柔区| 同江市| 称多县| 渭南市| 巴东县| 乐昌市| 华蓥市| 新沂市| 佛山市| 晋州市| 额敏县| 武功县| 铁力市| 平南县| 星子县| 雷山县|