亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

JavaScript字符串分割處理的方法總結(jié)

 更新時間:2022年03月29日 10:37:12   作者:傲嬌味的草莓  
這篇文章主要介紹了JavaScript字符串分割處理的幾種方法,js截取重要的三要素substring()、subsstr()、slice(),下面文章圍繞這三要素展開全文,需要的小伙伴可以參考一下

前言:

前端開發(fā)中,字符串處理是比較常見的,筆者在最近復(fù)習(xí)的過程中也把它整理了出來。

首先,先來看看js截取三姐妹substring()subsstr()、slice()

1、slice(start, end)

大姐slice()、從start開始,到end結(jié)束,開始的位置從0不是1,不包括end,支持數(shù)組分割,支持負數(shù),返回數(shù)組

? ? let test = 'hello world!'
? ? console.log(test.length)

? ? console.log(test.slice(1, 9))
? ? console.log(test.slice(6))
? ? console.log(test.slice(9, 1))
? ? console.log(test.slice(-2))
? ? console.log(test.slice(0, -2))
? ? console.log(test.slice(-4, -2))
? ? console.log(test.slice(-2, 4))

總結(jié):

①第一個參數(shù)比第二個參數(shù)大,結(jié)果返回空字符串

②傳入?yún)?shù)是負數(shù),slice()會先做運算 test.length + 負數(shù)參數(shù)。

2、substr(start, length)

二姐substr()、從start開始,返回length長度字符,開始的位置從0不是1,支持負數(shù),不支持數(shù)組

? ? let test = 'hello world!'
? ? console.log(test.length)

? ? console.log(test.substr(1, 9))
? ? console.log(test.substr(6))
? ? console.log(test.substr(9, 9))
? ? console.log(test.substr(20))
? ? console.log(test.substr(-2))
? ? console.log(test.substr(-8, 4))
? ? console.log(test.substr(-8, 0))
? ? console.log(test.substr(-8, -4))
? ? console.log(test.substr(-20))

總結(jié):

①傳入?yún)?shù)超過length返回空字符串

②傳入負數(shù),則從字符串的尾部開始算起始位置,-1指最后一個字符,-2指倒數(shù)第二個字符;當(dāng)傳入的第一個參數(shù)是負數(shù)且它的絕對值超過length,這個負數(shù)轉(zhuǎn)化為0,當(dāng)傳入的第二個參數(shù)是負數(shù),等價于0,截取0個字符,返回空字符串。

3、substring(start, stop)

三姐substring()、不接受負數(shù),從 start 開始,不包括stop,開始的位置從0不是1,不支持數(shù)組

? ? let test = 'hello world!'
? ? console.log(test.length)

? ? console.log(test.substring(1, 9))
? ? console.log(test.substring(6))
? ? console.log(test.substring(9, 9))
? ? console.log(test.substring(20))
? ? console.log(test.substring(-2))
? ? console.log(test.substring(-8, 4))
? ? console.log(test.substring(-8, 0))
? ? console.log(test.substring(-8, -4))
? ? console.log(test.substring(-20))

總結(jié):

①第二個參數(shù)==第一個參數(shù),返回空字符串

②傳入兩個參數(shù),不管在第一還是第二位置,都會將小的參數(shù)作為第一個參數(shù),較大的作為第二個參數(shù)

③任何一個參數(shù)為負數(shù)或者NaN的時候,自動將其轉(zhuǎn)換為0

④任何一個參數(shù)大于length,按照length處理

js字符串截取三姐妹,都不會對原始的字符串進行修改,而是返回新的子集。但是三姐妹各自有各自的個性,面對同一種參數(shù)處理的方式都是不一樣的。

4、split(separator, length)

字符按照字符串或正則分割,輸出一個數(shù)組,length表示返回的長度,不支持數(shù)組;

//以空格為分隔符輸出數(shù)組
? ? var str = '123 abc 1 2 3 a b c '
? ? var arr = str.split(' ')
? ? console.log(arr)

? ? var str = '123 abc 1 2 3 a b c'
? ? var arr = str.split(' ', 4)
? ? //第二個參數(shù)表示返回數(shù)組的最大長度!注意不是原來字符串的,是新輸出的數(shù)組的
? ? console.log(arr)

5、join(separator)

將數(shù)組合并成字符串,用 separator隔離,不支持字符串

? ? var a = ['I', 'am', 'a', 'girl', '英文名', '是', 'gaby']
? ? var arr = a.join(',')
? ? console.log(arr)

6、splice(start, length, …args)

數(shù)組操作函數(shù),增刪改查,不支持字符串,返回數(shù)組,從 start開始,刪除的length長度,并按args參數(shù)個數(shù)添加到 start位置

//刪,第一個參數(shù)為第一項位置,第二個參數(shù)為要刪除幾個 0數(shù)起
//array.splice(index,num),返回值為刪除內(nèi)容,array為結(jié)果值
? ? var arr = ['a', 'b', 'c', 'd', 'e', 'f']
? ? console.log(arr.splice(0, 4))
? ? console.log(arr)

//增,第一個參數(shù)(插入位置),第二個參數(shù)(0),第三個參數(shù)(插入的項)
//array.splice(index,0,insertValue),返回值為空數(shù)組,array值為最終結(jié)果值
? ? var arr = ['a', 'b', 'c', 'd', 'e', 'f']
? ? console.log(arr.splice(2, 0, 'insert'))
? ? console.log(arr)

//改 第一個參數(shù)(起始位置),第二個參數(shù)(刪除的項數(shù)),第三個參數(shù)(插入任意數(shù)量的項)
//array.splice(index,num,insertValue),返回值為刪除內(nèi)容,array為結(jié)果值
? ? var arr = ['a', 'b', 'c', 'd', 'e', 'f']
? ? console.log(arr.splice(2, 1, 'delete'))

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

相關(guān)文章

  • JS實現(xiàn)數(shù)字格式千分位相互轉(zhuǎn)換方法

    JS實現(xiàn)數(shù)字格式千分位相互轉(zhuǎn)換方法

    下面小編就為大家?guī)硪黄狫S實現(xiàn)數(shù)字格式千分位相互轉(zhuǎn)換方法。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2016-08-08
  • Js中forEach修改原數(shù)組與sort排序經(jīng)典場景詳解

    Js中forEach修改原數(shù)組與sort排序經(jīng)典場景詳解

    forEach是沒有返回值并且不直接改變原數(shù)組的,今天發(fā)現(xiàn)是不能直接改變,下面這篇文章主要給大家介紹了關(guān)于Js中forEach修改原數(shù)組與sort排序經(jīng)典場景的相關(guān)資料,需要的朋友可以參考下
    2022-05-05
  • uniapp微信小程序獲取當(dāng)前城市名稱逆地址解析實例教程

    uniapp微信小程序獲取當(dāng)前城市名稱逆地址解析實例教程

    最近在用uni-app開發(fā)小程序,需要獲取用戶所在城市,小程序本身沒有這樣的api,那么怎么實現(xiàn)呢?下面這篇文章主要給大家介紹了關(guān)于uniapp微信小程序獲取當(dāng)前城市名稱逆地址解析的相關(guān)資料,需要的朋友可以參考下
    2022-11-11
  • JS解析url參數(shù)為json對象問題

    JS解析url參數(shù)為json對象問題

    這篇文章主要介紹了JS解析url參數(shù)為json對象問題,具有很好的參考價值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教
    2023-01-01
  • 動態(tài)添加option及createElement使用示例

    動態(tài)添加option及createElement使用示例

    動態(tài)添加option在某些特殊的情況下還是比較實用的,本文有個小示例為大家介紹下createElement使用,感興趣的朋友可以參考下
    2014-01-01
  • javascript數(shù)組輸出的兩種方式

    javascript數(shù)組輸出的兩種方式

    這篇文章主要介紹了javascript數(shù)組輸出的兩種方式,涉及javascript數(shù)組遍歷的常用技巧,需要的朋友可以參考下
    2015-01-01
  • Bootstrap圖片輪播組件使用實例解析

    Bootstrap圖片輪播組件使用實例解析

    圖片輪播組件是一個在網(wǎng)頁中很常見的技術(shù),這篇文章主要為大家詳細介紹了Bootstrap圖片輪播組件使用實例,感興趣的小伙伴們可以參考一下
    2016-06-06
  • 性能優(yōu)化篇之Webpack構(gòu)建代碼質(zhì)量壓縮的建議

    性能優(yōu)化篇之Webpack構(gòu)建代碼質(zhì)量壓縮的建議

    這篇文章主要介紹了性能優(yōu)化篇之Webpack構(gòu)建代碼質(zhì)量壓縮的建議,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2019-04-04
  • 原生JS無縫滑動輪播圖

    原生JS無縫滑動輪播圖

    這篇文章主要為大家詳細介紹了原生JS實現(xiàn)淡出淡入輪播圖,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2019-10-10
  • JavaScript常用內(nèi)置對象用法分析

    JavaScript常用內(nèi)置對象用法分析

    這篇文章主要介紹了JavaScript常用內(nèi)置對象用法,簡單總結(jié)分析了javascript String對象、Date對象、Math類、數(shù)組對象等常見對象的相關(guān)功能、方法與使用注意事項,需要的朋友可以參考下
    2019-07-07

最新評論