DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> javascript框架設計讀書筆記之字符串的擴展和修復
javascript框架設計讀書筆記之字符串的擴展和修復
編輯:關於JavaScript     

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

方法1:

復制代碼 代碼如下:
function repeat(str,n){
  return Array.prototype.join.call({length:n+1},str); 
//在類數組{length:n+1}上下文下執行join方法,並傳入str。也就是用str來分隔類數組的選項,類數組是空,所以就有n個str分隔n+1個"",得到的結果就是n個str連接。
}

方法2:

復制代碼 代碼如下:
function repeat(str,n){
  var s = str ,total = "";
  while(n>0){             
//假設n是5,n%2後,等於1,因此total = str.s=strstr。n=2.第二次循環:s=strstrstrstr,n=1.第三次循環total = strstrstrstrstr,break,跳出循環,返回total,剛好是str重復了5次的字符串
    if(n%2 ==1){    
      total + =s;     //這裡是2的0次方,也就是1,所有的正整數,都可以使用1,2,4,8....進行組合。比如: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.取字符串所有字節的長度:str.charCodeAt(i) >255 就把str的長度加一次就OK了.

3.轉換駝峰風格:str.replace(/[-_][^-_]/g,function(match){return match.charAt(1).toUpperCase();}) 

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

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

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

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

6.去掉script標簽,並且移除裡面的js腳本:str.replace(/<script[^>]*>(\S\s)*?)<\/script>/img,'')     

 /需要用\,防止轉義。

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

7.將字符串經過html轉義,得到適合在頁面中顯示的內容.

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

8.將字符串的html實體字符換成對應字符:

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

9.trim:str.replace(/^\s+ | \s+$/g,'')   ,IE或早期的標准浏覽器,把許多本屬於空白的字符沒有列為\s中,因此會有bug。不過,又何必執著兼容淘汰的浏覽器呢。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved