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

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

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

前言

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

1.使用substr方法

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

語法  stringObject.substr(開始位置下標,截取長度) 如果沒有指定截取長度,則字符串將延續(xù)截取到字符串最后一位。

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

2.使用substring方法

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

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

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

3.使用slice方法()

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

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

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

4.使用split方法()

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

語法  stringObject.split(需要分割的字符/正則表達式) 將一個字符串分割并存儲到數(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截取兩個字符串之間的內(nèi)容 

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

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

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

 3、js截取某個字符串后面的內(nèi)容

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

以上個人理解

附:js字符串截取最后一個斜杠之后的字符

效果

congsole.log(n)
const spliceLength2 = n.lastIndexOf("/");
this.pathType = n.slice(spliceLength2 + 1);
congsole.log(this.pathType)

總結(jié)

到此這篇關于用js截取字符串開頭、結(jié)尾及兩字符串之間的內(nèi)容的文章就介紹到這了,更多相關js截取字符串開頭結(jié)尾及字符串間內(nèi)容內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家!

相關文章

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

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

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

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

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

    Javascript中的String對象詳談

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

    uniapp?Android解決?APP菜單、按鈕權限控制方法

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

    JavaScript實現(xiàn)表格動態(tài)變色

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

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

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

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

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

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

    本文給大家分享的是我們在使用javascript中的replace方法的時候需要注意的一個事項,我就是沒有注意到,才被這個bug煩了好久,這里記錄下來,有需要的小伙伴可以參考下。
    2015-05-05
  • ES2020 新特性(種草)

    ES2020 新特性(種草)

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

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

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

最新評論