快捷導(dǎo)航

javascript框架設(shè)計(jì)讀書筆記之字符串的擴(kuò)展和修復(fù)

更新時(shí)間：2014年12月02日 16:33:38 投稿：hebedich

本文是司徒正美的《javascript框架設(shè)計(jì)》的第三章第一節(jié)的讀書筆記，簡(jiǎn)單介紹了javascript字符串的擴(kuò)展和修復(fù)，小伙伴們參考下吧

1.repeat方法：將一個(gè)字符串重復(fù)自身n次。比如：repeat("chaojidan",2) -> chaojidanchaojidan

方法1：

function repeat(str,n){

　　return Array.prototype.join.call({length:n+1},str);  

//在類數(shù)組{length:n+1}上下文下執(zhí)行join方法，并傳入str。也就是用str來分隔類數(shù)組的選項(xiàng)，類數(shù)組是空，所以就有n個(gè)str分隔n+1個(gè)""，得到的結(jié)果就是n個(gè)str連接。

}

方法2：

復(fù)制代碼代碼如下:

function repeat(str,n){

　　var s = str ,total = "";

　　while(n>0){              

//假設(shè)n是5，n%2后，等于1，因此total = str.s=strstr。n=2.第二次循環(huán)：s=strstrstrstr，n=1.第三次循環(huán)total = strstrstrstrstr，break,跳出循環(huán)，返回total,剛好是str重復(fù)了5次的字符串

　　　　if(n%2 ==1){     

　　　　　　total + =s;     //這里是2的0次方，也就是1，所有的正整數(shù)，都可以使用1,2,4,8....進(jìn)行組合。比如：3=1+2,5=1+4,7=1+2+4.

　　　　}

　　　　if(n==1)　　break;

　　　　s+=s;    //這里利用的是2的冪次方，2,4,8.....

　　　　n = n>>1;

　　}

　　return total ;

}

2.取字符串所有字節(jié)的長(zhǎng)度：str.charCodeAt(i) >255 就把str的長(zhǎng)度加一次就OK了.

3.轉(zhuǎn)換駝峰風(fēng)格：str.replace(/[-_][^-_]/g,function(match){return match.charAt(1).toUpperCase();})

//-_在[]中，不需要使用\，并且^在[]中是代表反的意思，就是遇到-a或_a，就被替換成A（match就是正則匹配的字符串_a，然后取a，并且大寫）

4.轉(zhuǎn)換為下劃線風(fēng)格：str.replace(/([a-z\d])([A-Z])/g,'$1_$2').replace(/\-/g,'_').toLowerCase();

//第一個(gè)replace,匹配cA,或者4A的字符串，然后用c_A或4_A替換。$1代表第一個(gè)子表達(dá)式。第二個(gè)replace就是使用_替換-。由于-不在[]中，所以需要加\。

5.去掉字符串中的html標(biāo)簽:str.replace(/<[^>]+>/g,'')，這里面會(huì)把script標(biāo)簽去掉，但是不會(huì)去掉script中的js腳本

6.去掉script標(biāo)簽，并且移除里面的js腳本：str.replace(/<script[^>]*>(\S\s)*?)<\/script>/img,'')

/需要用\，防止轉(zhuǎn)義。

//(\S\s)*?)盡可能少的匹配，非貪婪匹配。舉個(gè)例子：<script>aaa</script>dddd<script>bbbb</script>，會(huì)先匹配<script>aaa</script>，再匹配<script>bbbb</script>，如果沒加?，將是貪婪匹配，將會(huì)把<script>aaa</script>dddd<script>bbbb</script>全部匹配掉，連字符串dddd都去掉了。

7.將字符串經(jīng)過html轉(zhuǎn)義，得到適合在頁(yè)面中顯示的內(nèi)容.

str.replace(/&/g,'&').replace(/</g,'<').replace(/>/g,'>').replace(/"/g,'"').replace(/'/g,''');

8.將字符串的html實(shí)體字符換成對(duì)應(yīng)字符:

跟7相反，只是多了一個(gè)replace(/&#([\d]+);/g,function($0,$1){　　return String.fromCharCode(parseInt($1,10)) }) //$1就是第一個(gè)子表達(dá)式匹配項(xiàng)。

9.trim:str.replace(/^\s+ | \s+$/g,'') ，IE或早期的標(biāo)準(zhǔn)瀏覽器，把許多本屬于空白的字符沒有列為\s中，因此會(huì)有bug。不過，又何必執(zhí)著兼容淘汰的瀏覽器呢。

您可能感興趣的文章: