資源描述：
《JavaScript中split與join函數(shù)的進(jìn)階使用技巧_javascript技巧》由會(huì)員上傳分享，免費(fèi)在線閱讀，更多相關(guān)內(nèi)容在工程資料-天天文庫(kù)。
1、JavaScript中split與join函數(shù)的進(jìn)階使用技巧Javascript擁有兩個(gè)相當(dāng)強(qiáng)大而J1受開(kāi)發(fā)者喜愛(ài)的函數(shù):split與join倆對(duì)立的函數(shù)。這倆函數(shù)能讓string與anray兩種類(lèi)型互換，也就是數(shù)組能被序列化為字符串，反之亦然。我們能把這倆函數(shù)發(fā)揮得淋漓盡致。下面就來(lái)探索里面的一些有趣的應(yīng)用，首先介紹一下這兩個(gè)函數(shù)：String.prototype,split(separator,limit)separator把字符串分割為數(shù)組，口J選參數(shù)limit定義了生成數(shù)組的最人1engt
2、ho〃85@@86@@53〃?splitC;//['85'，‘86','53'];"banana".split();//[^banana^];//(thankspeter(-：)"president,senate,house",split,2);//[^president〃，〃senate〃]Array,prototype,join(separator)可選參數(shù)separator把數(shù)組轉(zhuǎn)換為一個(gè)字符串。如果不提供separator,那么就會(huì)把逗號(hào)做為這個(gè)參數(shù)值(就跟數(shù)組的toString函數(shù)一樣)
3、。["slugs",〃sna訂s〃,"puppydog，stails^].join('and');//"slugsandsnai1sandpuppydog'stails"VGiants',4,'Rangers',1]?join('');//"Giants4Rangers1〃[1962,1989,2002,2010].join();下面來(lái)看這些應(yīng)用：replaceAl1這個(gè)簡(jiǎn)單的函數(shù)不像原生的replace函數(shù)，它能作為一個(gè)全局的子字符串替換而不需要使用正則表達(dá)式。String,prototype.
4、replaceAl1=function(find,replaceWith){returnthis.split(find).join(replaceWith);}"themanandtheplan"?replaceAll('the','a');//〃amanandapla對(duì)于小的字符串，它比單個(gè)字符替換的原生函數(shù)性能要弱一些(這里指的是正則表達(dá)式的兩個(gè)額外的函數(shù))，但是在mozilla下，如果這個(gè)字符超過(guò)2個(gè)或3個(gè)字符話，這種使用函數(shù)要比止則表達(dá)式運(yùn)行得更快。occurences該函數(shù)能取到子字符串
5、匹配的個(gè)數(shù)。而口這種函數(shù)很直接不需要止則。String.prototype.occurences=function(find,matchCase){vartext=this;matchCase
6、
7、(find=find.toLowcrCasc(),text=text.toLowcrCasc());returntext.split(find)?length-l;}document.body.innerllTML.occurences("div");//googlehomepagehas114docum
8、ent?body.innerHTML?occurenccs(，，/div，z);//googlehomepagehas57"Englandengagesitsengineers'7.occurrences(/zeng，z,true);//2repeat該函數(shù)是從prototype,js借鑒而來(lái)：String.prototype.repeat=function(times){returnnewArray(times+1).join(this);}"go"?repeat(3)+"Giemts!";//
9、"gogogoGiants!"它的美妙Z處就在于join函數(shù)的使用。焦點(diǎn)就在這個(gè)separator參數(shù)值，然后這個(gè)基礎(chǔ)數(shù)組僅僅包含了一些未定義的value值。為了史清楚的說(shuō)明這點(diǎn)，我們來(lái)重造一下上面的實(shí)例：[undefined,undefined,undefined,undefinecl].join("go“)+"Giants記住在join之前毎個(gè)數(shù)組元素都會(huì)轉(zhuǎn)換為一個(gè)字符串(這里就是一個(gè)空字符串)。這個(gè)repeat函數(shù)的應(yīng)用是通過(guò)數(shù)組字面量定義數(shù)組的為數(shù)不多的不可行的應(yīng)用。使用limit參數(shù)我很
10、少使用split函數(shù)的limit可選參數(shù)，下面介紹一個(gè)使用這個(gè)limit的實(shí)例:vargetDornain二function(url){returnurl.split('/',3).join('/');getDomain("http://www.aneventapart?com/2010/seattle/slides/，z);//〃http://www.aneventapart.com"getDomain(〃https://addons.mozilla.org/en-US/fire
