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

JavaScript中切割截取字符串的7種方法

 更新時間:2024年02月01日 16:56:03   作者:明天也要努力  
在開發(fā)中常常會需要截取字符串,而 JavaScript 提供了很多種方法實現(xiàn)截取操作,本文主要介紹了JavaScript中切割截取字符串的7種方法,感興趣的可以了解一下

1. slice()

功能:可提取字符串的某個部分,并以新的字符串返回被提取的部分;

語法:array.slice(start, end)

start: 必需。規(guī)定從何處開始選取。如果是負數(shù),那么它規(guī)定從數(shù)組尾部開始算起的位置。
            如果該參數(shù)為負數(shù),則表示從原數(shù)組中的倒數(shù)第幾個元素開始提取,
            slice(-2) 表示提取原數(shù)組中的倒數(shù)第二個元素到最后一個元素(包含最后一個元素)。
end:   可選。規(guī)定從何處結(jié)束選取。該參數(shù)是數(shù)組片斷結(jié)束處的數(shù)組下標。
            如果沒有指定該參數(shù),那么切分的數(shù)組包含從 start 到數(shù)組結(jié)束的所有元素。
            如果該參數(shù)為負數(shù), 則它表示在原數(shù)組中的倒數(shù)第幾個元素結(jié)束抽取。 
            slice(-2,-1) 表示抽取了原數(shù)組中的倒數(shù)第二個元素到最后一個元素(不包含最后一個元素,就是只有倒數(shù)第二個元素)。

var str = "123,456,789";
 
console.log(str.slice(2,6)); // 3,45
console.log(str.slice(-6,-2)); // 56,7
console.log(str.slice(2)); // 3,456,789
console.log(str.slice(-6)); // 56,789

2. substring()

功能:用于提取字符串中介于兩個指定下標之間的字符;

語法:string.substring(from, to)

from:必需。一個非負的整數(shù),規(guī)定要提取的子串的第一個字符在 string Object 中的位置。
to:  可選。一個非負的整數(shù),比要提取的子串的最后一個字符在 string Object 中的位置多1。
      如果省略該參數(shù),那么返回的子串會一直到字符串的結(jié)尾。
substring() 方法返回的子串包括 開始處的字符,但不包括 結(jié)束處的字符。
注意:如果 start 比 end 大,那么該方法在提取子串之前會先交換這兩個參數(shù)。 
     如果 start 或 end 為負數(shù),那么它將被替換為 0。 
     如果 start 與 end 相等,那么該方法返回的就是一個空串。

var str = "123,456,789";
 
console.log(str.substring(2,6)); // 3,45
console.log(str.substring(2)); // 3,456,789
console.log(str.substring(6,2)); // 3,45
console.log(str.substring(-6,-2)); //  
console.log(str.substring(6,6)); // 

3. substr()

功能:可在字符串中抽取從開始下標開始的指定數(shù)目的字符;

語法:string.substr(start,length)

start:必需。要抽取的子串的起始下標,必須是數(shù)值。
       如果是負數(shù),那么該參數(shù)聲明從字符串的尾部開始算起的位置。
       也就是說,-1 指字符串中最后一個字符,-2 指倒數(shù)第二個字符,以此類推。
length:可選。子串中的字符數(shù),必須是數(shù)值。
        如果省略了該參數(shù),那么返回從 stringObject 的開始位置到結(jié)尾的字串。

注意: substr() 方法不會改變源字符串。

var str = "123,456,789";
 
console.log(str.substr(2,6)); // 3,456,
console.log(str.substr(0)); // 123,456,789
console.log(str.substr(-2)); // 89 

4. split()

功能:把一個字符串分割成字符串數(shù)組;

語法:string.split(separator,limit)

separator:可選。字符串或正則表達式,從該參數(shù)指定的地方分割 string Object。
           如果把空字符串 ("") 用作 separator,那么 stringObject 中的每個字符之間都會被分割。
limit:    可選。該參數(shù)可指定返回的數(shù)組的最大長度。
           如果設(shè)置了該參數(shù),返回的子串不會多于這個參數(shù)指定的數(shù)組。
           如果沒有設(shè)置該參數(shù),整個字符串都會被分割,不考慮它的長度。
注意: split() 方法不改變原始字符串。

var str = "123,456,789";
 
console.log(str.split('')); // ["1", "2", "3", ",", "4", "5", "6", ",", "7", "8", "9"]
console.log(str.split(',')); // ["123", "456", "789"]

5. join()

功能:用于把數(shù)組中的所有元素轉(zhuǎn)換一個字符串;

語法:array.join(separator)

separator:可選,指定要使用的分隔符。如果省略該參數(shù),則使用逗號作為分隔符。

var str = [123,456,789];
 
console.log(str.join('')); // 123456789
console.log(str.join(',')); // 123,456,789

6. charAt()

功能:返回指定位置的字符;

語法:string.charAt(index)

index:必需。表示字符串中某個位置的數(shù)字,即字符在字符串中的位置。

var str = '123,456,789';
 
console.log(str.charAt(2)); // 2

7. charCodeAt()

功能:返回指定位置的字符的 Unicode 編碼;

語法:string.charCodeAt(index)

index:必需。表示字符串中某個位置的數(shù)字,即字符在字符串中的位置。

var str = '123,456,789';
 
console.log(str.charCodeAt(2)); // 51

到此這篇關(guān)于JavaScript中切割截取字符串的7種方法的文章就介紹到這了,更多相關(guān)JavaScript 切割截取字符串內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!

相關(guān)文章

  • JavaScript實現(xiàn)隨機數(shù)生成器(去重)

    JavaScript實現(xiàn)隨機數(shù)生成器(去重)

    這篇文章主要為大家詳細介紹了JavaScript實現(xiàn)隨機數(shù)生成器,生成不重復的隨機數(shù),具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2017-10-10
  • JavaScript創(chuàng)建命名空間(namespace)的最簡實現(xiàn)

    JavaScript創(chuàng)建命名空間(namespace)的最簡實現(xiàn)

    JavaScript創(chuàng)建命名空間(namespace)通過自定義函數(shù)進行類型判斷、數(shù)組遍歷、函數(shù)執(zhí)行等相關(guān)操作來實現(xiàn)命名空間的功能,需要的朋友可以參考一下
    2007-12-12
  • JavaScript 中級筆記 第二章

    JavaScript 中級筆記 第二章

    對象是組成JavaScript的基本單元。本章將從JavaScript語言中最重要的幾個部分開始介紹:引用,函數(shù)重載,作用域,閉包和上下文。有了這些知識后,面向?qū)ο箝_發(fā)就將變得簡單。
    2009-09-09
  • js canvas實現(xiàn)隨機粒子特效

    js canvas實現(xiàn)隨機粒子特效

    這篇文章主要為大家詳細介紹了js canvas隨機粒子特效,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2021-04-04
  • 教你使用javascript簡單寫一個頁面模板引擎

    教你使用javascript簡單寫一個頁面模板引擎

    不知道你有木有聽說過一個基于Javascript的Web頁面預處理器,叫做AbsurdJS。只是打算寫一個CSS的預處理器,后來擴展到了CSS和HTML,可以用來把Javascript代碼轉(zhuǎn)成CSS和HTML代碼。當然,由于可以生成HTML代碼,你也可以把它當成一個模板引擎,用于在標記語言中填充數(shù)據(jù)。
    2015-05-05
  • JS調(diào)用頁面表格導出excel示例代碼

    JS調(diào)用頁面表格導出excel示例代碼

    這篇文章主要介紹了JS調(diào)用頁面表格導出excel的具體實現(xiàn),需要的朋友可以參考下
    2014-03-03
  • 簡單談談axios中的get,post方法

    簡單談談axios中的get,post方法

    下面小編就為大家?guī)硪黄唵握務刟xios中的get,post方法。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2017-06-06
  • uniapp動態(tài)修改元素節(jié)點樣式詳解

    uniapp動態(tài)修改元素節(jié)點樣式詳解

    這篇文章主要介紹了uni-app動如何態(tài)修改元素節(jié)點樣式,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧
    2021-08-08
  • JavaScript 學習筆記(五)

    JavaScript 學習筆記(五)

    今天繼續(xù)學習JS中的對象,昨天內(nèi)置對象Global對象和Math對象,今天繼續(xù)。
    2009-12-12
  • 原生javascript制作的拼圖游戲?qū)崿F(xiàn)方法詳解

    原生javascript制作的拼圖游戲?qū)崿F(xiàn)方法詳解

    這篇文章主要介紹了原生javascript制作的拼圖游戲?qū)崿F(xiàn)方法,結(jié)合實例形式詳細分析了JavaScript制作拼圖游戲的相關(guān)步驟、原理、實現(xiàn)方法及相關(guān)操作注意事項,需要的朋友可以參考下
    2020-02-02

最新評論