最新文章專題視頻專題問答1問答10問答100問答1000問答2000關(guān)鍵字專題1關(guān)鍵字專題50關(guān)鍵字專題500關(guān)鍵字專題1500TAG最新視頻文章推薦1 推薦3 推薦5 推薦7 推薦9 推薦11 推薦13 推薦15 推薦17 推薦19 推薦21 推薦23 推薦25 推薦27 推薦29 推薦31 推薦33 推薦35 推薦37視頻文章20視頻文章30視頻文章40視頻文章50視頻文章60 視頻文章70視頻文章80視頻文章90視頻文章100視頻文章120視頻文章140 視頻2關(guān)鍵字專題關(guān)鍵字專題tag2tag3文章專題文章專題2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章專題3
問答文章1 問答文章501 問答文章1001 問答文章1501 問答文章2001 問答文章2501 問答文章3001 問答文章3501 問答文章4001 問答文章4501 問答文章5001 問答文章5501 問答文章6001 問答文章6501 問答文章7001 問答文章7501 問答文章8001 問答文章8501 問答文章9001 問答文章9501
當前位置: 首頁 - 科技 - 知識百科 - 正文

JavaScript中split與join函數(shù)的進階使用技巧_javascript技巧

來源:懂視網(wǎng) 責編:小采 時間:2020-11-27 21:49:54
文檔

JavaScript中split與join函數(shù)的進階使用技巧_javascript技巧

JavaScript中split與join函數(shù)的進階使用技巧_javascript技巧:Javascript擁有兩個相當強大而且受開發(fā)者喜愛的函數(shù):split 與join 倆對立的函數(shù)。這倆函數(shù)能讓string與array兩種類型互換,也就是數(shù)組能被序列化為字符串,反之亦然。我們能把這倆函數(shù)發(fā)揮得淋漓盡致。下面就來探索里面的一些有趣的應用, 首先介紹一下這兩
推薦度:
導讀JavaScript中split與join函數(shù)的進階使用技巧_javascript技巧:Javascript擁有兩個相當強大而且受開發(fā)者喜愛的函數(shù):split 與join 倆對立的函數(shù)。這倆函數(shù)能讓string與array兩種類型互換,也就是數(shù)組能被序列化為字符串,反之亦然。我們能把這倆函數(shù)發(fā)揮得淋漓盡致。下面就來探索里面的一些有趣的應用, 首先介紹一下這兩

Javascript擁有兩個相當強大而且受開發(fā)者喜愛的函數(shù):split 與join 倆對立的函數(shù)。這倆函數(shù)能讓string與array兩種類型互換,也就是數(shù)組能被序列化為字符串,反之亦然。我們能把這倆函數(shù)發(fā)揮得淋漓盡致。下面就來探索里面的一些有趣的應用, 首先介紹一下這兩個函數(shù):

String.prototype.split(separator, limit)
separator把字符串分割為數(shù)組,可選參數(shù)limit定義了生成數(shù)組的最大length。

可選參數(shù)separator把數(shù)組轉(zhuǎn)換為一個字符串。如果不提供separator,那么就會把逗號做為這個參數(shù)值(就跟數(shù)組的toString函數(shù)一樣)。

下面來看這些應用:

replaceAll
這個簡單的函數(shù)不像原生的replace函數(shù),它能作為一個全局的子字符串替換而不需要使用正則表達式。

對于小的字符串,它比單個字符替換的原生函數(shù)性能要弱一些(這里指的是正則表達式的兩個額外的函數(shù)),但是在mozilla下,如果這個字符超過2個或3個字符話,這種使用函數(shù)要比正則表達式運行得更快。

occurences
該函數(shù)能取到子字符串匹配的個數(shù)。而且這種函數(shù)很直接不需要正則。

該函數(shù)是從prototype.js 借鑒而來:

它的美妙之處就在于join函數(shù)的使用。焦點就在這個separator參數(shù)值,然后這個基礎數(shù)組僅僅包含了一些未定義的value值。為了更清楚的說明這點,我們來重造一下上面的實例:

記住在join之前每個數(shù)組元素都會轉(zhuǎn)換為一個字符串(這里就是一個空字符串)。這個repeat函數(shù)的應用是通過數(shù)組字面量定義數(shù)組的為數(shù)不多的不可行的應用。

使用limit參數(shù)
我很少使用split函數(shù)的limit可選參數(shù),下面介紹一個使用這個limit的實例:

修改數(shù)值成員
如果我們將正則混合起來使用,join,split就能很容易的修改數(shù)組成員了。但是這個函數(shù)也沒有想象的難,它的主要功能是去掉給定數(shù)組的每個member前面指定的字符串。

不幸的是,這種函數(shù)在IE中失效,因為他們從split中錯誤的去掉了第一個空成員?,F(xiàn)在來修正這種函數(shù):

我們?yōu)槭裁匆眠@個技巧而不用Emascript 5 中array 的map函數(shù)呢?

在實際的運用中,在可行的時候,我通常使用原生的map函數(shù)(在IE<9 以下不可用)。下面的例子僅僅作為學習的工具,但是值得注意的是,join與split的調(diào)用語法更簡潔更直接一些。最有趣的是,它也非常高效,尤其是對于很小的數(shù)組,在FF與Safari中它表現(xiàn)為更為高效。對于大數(shù)組來說,map函數(shù)就更合適一些。(在所有的瀏覽器中),join與split函數(shù)的函數(shù)調(diào)用會少一些。

模式匹配
數(shù)組需要不斷的去執(zhí)行模式匹配,但是字符串不會。正則表達式能在字符串中運用,但是在數(shù)組中不會。把數(shù)組轉(zhuǎn)為字符串用于模式匹配的強悍之處遠遠超越這篇文章講述的范圍。讓我們來看看它的一個簡單應用。

假設競走的比賽結(jié)果需要保存到數(shù)組中。目的就是將競賽者與他們的記錄時間交替的放在數(shù)組中。我們可以用join與正則表達式來驗證這種存儲模式是否正確。下面的代碼就是通過查找兩個連續(xù)的名字來找出記錄時間被漏掉的情況。

聲明:本網(wǎng)頁內(nèi)容旨在傳播知識,若有侵權(quán)等問題請及時與本網(wǎng)聯(lián)系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

文檔

JavaScript中split與join函數(shù)的進階使用技巧_javascript技巧

JavaScript中split與join函數(shù)的進階使用技巧_javascript技巧:Javascript擁有兩個相當強大而且受開發(fā)者喜愛的函數(shù):split 與join 倆對立的函數(shù)。這倆函數(shù)能讓string與array兩種類型互換,也就是數(shù)組能被序列化為字符串,反之亦然。我們能把這倆函數(shù)發(fā)揮得淋漓盡致。下面就來探索里面的一些有趣的應用, 首先介紹一下這兩
推薦度:
標簽: 中的 方法 js
  • 熱門焦點

最新推薦

猜你喜歡

熱門推薦

專題
Top