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

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

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

1. slice()

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

語法:array.slice(start, end)

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

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()

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

語法:string.substring(from, to)

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

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()

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

語法:string.substr(start,length)

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

注意: substr() 方法不會(huì)改變?cè)醋址?/p>

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()

功能:把一個(gè)字符串分割成字符串?dāng)?shù)組;

語法:string.split(separator,limit)

separator:可選。字符串或正則表達(dá)式,從該參數(shù)指定的地方分割 string Object。
           如果把空字符串 ("") 用作 separator,那么 stringObject 中的每個(gè)字符之間都會(huì)被分割。
limit:    可選。該參數(shù)可指定返回的數(shù)組的最大長(zhǎng)度。
           如果設(shè)置了該參數(shù),返回的子串不會(huì)多于這個(gè)參數(shù)指定的數(shù)組。
           如果沒有設(shè)置該參數(shù),整個(gè)字符串都會(huì)被分割,不考慮它的長(zhǎng)度。
注意: split() 方法不改變?cè)甲址?/p>

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)換一個(gè)字符串;

語法:array.join(separator)

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

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

6. charAt()

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

語法:string.charAt(index)

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

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

7. charCodeAt()

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

語法:string.charCodeAt(index)

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

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

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

相關(guān)文章

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

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

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

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

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

    JavaScript 中級(jí)筆記 第二章

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

    js canvas實(shí)現(xiàn)隨機(jī)粒子特效

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

    教你使用javascript簡(jiǎn)單寫一個(gè)頁面模板引擎

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

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

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

    簡(jiǎn)單談?wù)刟xios中的get,post方法

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

    uniapp動(dòng)態(tài)修改元素節(jié)點(diǎn)樣式詳解

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

    JavaScript 學(xué)習(xí)筆記(五)

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

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

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

最新評(píng)論