<span id="mktg5"></span>

<i id="mktg5"><meter id="mktg5"></meter></i>

        <label id="mktg5"><meter id="mktg5"></meter></label>
        最新文章專(zhuān)題視頻專(zhuān)題問(wèn)答1問(wèn)答10問(wèn)答100問(wèn)答1000問(wèn)答2000關(guān)鍵字專(zhuān)題1關(guān)鍵字專(zhuān)題50關(guān)鍵字專(zhuān)題500關(guān)鍵字專(zhuā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)鍵字專(zhuān)題關(guān)鍵字專(zhuān)題tag2tag3文章專(zhuān)題文章專(zhuān)題2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章專(zhuān)題3
        問(wèn)答文章1 問(wèn)答文章501 問(wèn)答文章1001 問(wèn)答文章1501 問(wèn)答文章2001 問(wèn)答文章2501 問(wèn)答文章3001 問(wèn)答文章3501 問(wèn)答文章4001 問(wèn)答文章4501 問(wèn)答文章5001 問(wèn)答文章5501 問(wèn)答文章6001 問(wèn)答文章6501 問(wèn)答文章7001 問(wèn)答文章7501 問(wèn)答文章8001 問(wèn)答文章8501 問(wèn)答文章9001 問(wèn)答文章9501
        當(dāng)前位置: 首頁(yè) - 科技 - 知識(shí)百科 - 正文

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

        來(lái)源:懂視網(wǎng) 責(zé)編:小采 時(shí)間:2020-11-27 21:49:54
        文檔

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

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

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

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

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

        下面來(lái)看這些應(yīng)用:

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

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

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

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

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

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

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

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

        不幸的是,這種函數(shù)在IE中失效,因?yàn)樗麄儚膕plit中錯(cuò)誤的去掉了第一個(gè)空成員。現(xiàn)在來(lái)修正這種函數(shù):

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

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

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

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

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

        文檔

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

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

        最新推薦

        猜你喜歡

        熱門(mén)推薦

        專(zhuān)題
        Top
        主站蜘蛛池模板: 久久久久亚洲AV片无码下载蜜桃| 中文在线观看国语高清免费| 91大神亚洲影视在线| 又爽又黄无遮挡高清免费视频| 最近中文字幕大全免费视频 | 久久WWW免费人成人片| a毛片免费观看完整| 51视频精品全部免费最新| 无码毛片一区二区三区视频免费播放 | 亚洲电影在线免费观看| 亚洲一区精品无码| 亚洲第一网站男人都懂| 四虎影库久免费视频| 18禁无遮挡无码网站免费| 日本妇人成熟免费中文字幕| 全部免费毛片在线播放| 亚洲日本国产综合高清| 91嫩草私人成人亚洲影院| 亚洲AV日韩AV永久无码久久 | 九九免费精品视频在这里| 亚洲高清在线播放| 国产亚洲老熟女视频| 99视频全部免费精品全部四虎| 女同免费毛片在线播放| 国产久爱免费精品视频| 一区二区视频免费观看| 人妻仑刮八A级毛片免费看| 国产产在线精品亚洲AAVV| 国产亚洲精品AAAA片APP| 国产成人精品日本亚洲语音| 亚洲国产欧美国产综合一区| 亚洲欧洲日韩国产一区二区三区| 亚洲自国产拍揄拍| 亚洲熟妇久久精品| 亚洲精品乱码久久久久蜜桃| 亚洲精品无码高潮喷水A片软| 亚洲爆乳少妇无码激情| 老司机亚洲精品影院在线观看| 自拍偷自拍亚洲精品偷一| 天堂亚洲免费视频| 最近中文字幕免费大全|