欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

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

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

前言

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

1.使用substr方法

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

語法  stringObject.substr(開始位置下標(biāo),截取長(zhǎng)度) 如果沒有指定截取長(zhǎng)度,則字符串將延續(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)); //ll

3.使用slice方法()

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

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

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

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

相關(guān)文章

  • js判斷變量是否空值的代碼

    js判斷變量是否空值的代碼

    判斷變量是否空值undefined, null, '', false, 0, [], {} 均返回true,否則返回false
    2008-10-10
  • Ajax實(shí)現(xiàn)不刷新取最新商品

    Ajax實(shí)現(xiàn)不刷新取最新商品

    本文主要介紹了Ajax 實(shí)現(xiàn)不刷新取最新商品的方法。具有很好的參考價(jià)值,下面跟著小編一起來看下吧
    2017-03-03
  • Javascript中的String對(duì)象詳談

    Javascript中的String對(duì)象詳談

    這篇文章主要介紹了Javascript中的String對(duì)象,需要的朋友可以參考下
    2014-03-03
  • uniapp?Android解決?APP菜單、按鈕權(quán)限控制方法

    uniapp?Android解決?APP菜單、按鈕權(quán)限控制方法

    這篇文章主要介紹了uniapp?Android解決?APP菜單、按鈕權(quán)限控制方法,本文通過實(shí)例代碼給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
    2023-01-01
  • JavaScript實(shí)現(xiàn)表格動(dòng)態(tài)變色

    JavaScript實(shí)現(xiàn)表格動(dòng)態(tài)變色

    這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)表格動(dòng)態(tài)變色,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2021-09-09
  • 繁簡(jiǎn)字轉(zhuǎn)換功能

    繁簡(jiǎn)字轉(zhuǎn)換功能

    繁簡(jiǎn)字轉(zhuǎn)換功能...
    2006-07-07
  • 用js調(diào)用迅雷下載代碼的二種方法

    用js調(diào)用迅雷下載代碼的二種方法

    用js調(diào)用迅雷下載代碼的二種方法,需要的朋友可以參考一下
    2013-04-04
  • JS中的Replace方法使用經(jīng)驗(yàn)分享

    JS中的Replace方法使用經(jīng)驗(yàn)分享

    本文給大家分享的是我們?cè)谑褂胘avascript中的replace方法的時(shí)候需要注意的一個(gè)事項(xiàng),我就是沒有注意到,才被這個(gè)bug煩了好久,這里記錄下來,有需要的小伙伴可以參考下。
    2015-05-05
  • ES2020 新特性(種草)

    ES2020 新特性(種草)

    這篇文章主要介紹了ES2020 新特性(種草),文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2020-01-01
  • javascript ajax 仿百度分頁函數(shù)

    javascript ajax 仿百度分頁函數(shù)

    百度分頁想必大家都知道吧,瀏覽網(wǎng)頁的朋友都應(yīng)該知道,下面有個(gè)小例子使用到了js、ajax等來模仿百度的分頁,感興趣的朋友可以參考下
    2013-10-10

最新評(píng)論