javascript字串基本方法

標籤：本地   log   技術分享   改變   cat   運算式   ges   超連結   提取   

1)auchor

anchor() 方法用於建立 HTML 錨。

var txt="Hello world!"document.write(txt.anchor("myanchor"))

上面的代碼將輸出為純粹的 HTML：<a name="myanchor">Hello world!</a>

2)big()

用於把字串顯示為大號字型。

var str="Hello world!"document.write(str.big())

3)bink()

用於顯示閃動的字串。此方法無法工作於 Internet Explorer 中。

var str="Hello world!"document.write(str.blink())

4)charAt

返回指定位置的字元 

var str ="hello world";console.log(str.charAt(1))//返回e

5)charCodeAt

返回指定位置字元對應的Unicode碼

var str = "Hello World !";console.log(str.charCodeAt(1))//返回101   e對應的Unicode碼

6)concat

連接字串，並返回結果，不改變原字串

var str = "1";console.log(str.concat("2","3"))//返回"123"

7)fixed

以打字機文本顯示字串

<script type="text/javascript">var str="Hello world!"document.write(str.fixed())</script>

8)fontcolor

以指定的顏色顯示字串

<script type="text/javascript">var str="Hello world!"document.write(str.fontcolor("red"));　

document.write(str.fontcolor("#f60"));

</script>

9)fontsize

以指定的尺寸來顯示字串

<script type="text/javascript">var str="Hello world!"document.write(str.fontsize(7))</script>

10)fromCharCode

可接受一個指定的 Unicode 值，然後返回一個字串

<script type="text/javascript">document.write(String.fromCharCode(72,69,76,76,79))document.write("<br />")document.write(String.fromCharCode(65,66,67))</script>

11)indexOf

返回某個指定的字串值在字串中首次出現的位置

ps：indexOf() 方法對大小寫敏感！（區分大小寫）

ps：如果要檢索的字串值沒有出現，則該方法返回 -1。

stringObject.indexOf(searchvalue,fromindex)

fromindex表示開始檢索的位置，省略則從位置0開始檢索

var str="Hello world!"document.write(str.indexOf("Hello") + "<br />")document.write(str.indexOf("World") + "<br />")document.write(str.indexOf("world"))

12)italics 使用斜體顯示字串。

13)lastIndexOf 返回一個指定的字串值最後出現的位置，在一個字串中的指定位置從後向前搜尋。(效果與indexOf雷同)

14)link

講字串顯示為超連結

var str="Free Web Tutorials!"document.write(str.link("http://www.w3school.com.cn"))

15)localeCompare 以本地特定的順序來比較兩個字串

var str;str.sort (function(a,b){return a.localeCompare(b)})

16)match 

在字串內檢索指定的值， 或找到一個或多個Regex的匹配

該方法與indexOf和lastIndexOf類似，但是它返回的是指定的值，而不是字串的位置

傳回值   存放匹配結果的數組，該數組的內容取決於regexp是否具有全域匹配標識g

match() 方法將檢索字串 stringObject，以找到一個或多個與 regexp 匹配的文本。這個方法的行為在很大程度上有賴於 regexp 是否具有標誌 g。

如果 regexp 沒有標誌 g，那麼 match() 方法就只能在 stringObject 中執行一次匹配。如果沒有找到任何匹配的文本， match() 將返回 null。否則，它將返回一個數組，其中存放了與它找到的匹配文本有關的資訊。該數組的第 0 個元素存放的是匹配文本，而其餘的元素存放的是與Regex的子運算式匹配的文本。除了這些常規的數組元素之外，返回的數組還含有兩個對象屬性。index 屬性聲明的是匹配文本的起始字元在 stringObject 中的位置，input 屬性聲明的是對 stringObject 的引用。

如果 regexp 具有標誌 g，則 match() 方法將執行全域檢索，找到 stringObject 中的所有匹配子字串。若沒有找到任何匹配的子串，則返回 null。如果找到了一個或多個匹配子串，則返回一個數組。不過全域匹配返回的數組的內容與前者大不相同，它的數組元素中存放的是 stringObject 中所有的匹配子串，而且也沒有 index 屬性或 input 屬性。

注意：在全域檢索模式下，match() 即不提供與子運算式匹配的文本的資訊，也不聲明每個匹配子串的位置。如果您需要這些全域檢索的資訊，可以使用 RegExp.exec()。

<script type="text/javascript">var str="1 plus 2 equal 3"document.write(str.match(/\d+/g))//返回1,2,3</script>

17)relapce

在字串中用一些字元替換另一些字元，或者替換Regex匹配的子串

stringObject.replace(regexp/substr,replacement)//第一個參數是要被替換的子串或者用來匹配子串的Regex，第二個參數用作替換的字串或者產生字串的函數

傳回值  替換之後的字串

//在本例中，我們將把 "Doe, John" 轉換為 "John Doe" 的形式：var name = "Doe, John";name.replace(/(\w+)\s*, \s*(\w+)/, "$2 $1");

//在本例中，我們將把所有的花引號替換為直引號：name = ‘"a", "b"‘;name.replace(/"([^"]*)"/g, "‘$1‘");

//在此例中把單詞的首字母轉換為大寫：var  name = "aaa bbb ccc";name.replace(/\b\w+\b/g,function(word) {    return word.substr(0,1).toUpperCase() + word.substr(1);})

18)search

用於檢索字串中指定的子字串，或者與Regex匹配的子字串

返回第一個與子串或者regexp相匹配的字串的位置，如果沒找到返回-1

search() 方法不執行全域匹配，它將忽略標誌 g。它同時忽略 regexp 的 lastIndex 屬性，並且總是從字串的開始進行檢索，這意味著它總是返回 stringObject 的第一個匹配的位置。對大小寫敏感，如果不區分大小寫，在regexp加上i標識

<script type="text/javascript">var str="Visit W3School!"document.write(str.search(/w3school/i))</script>

19)small 用小字型大小顯示字串

20)split 

把字串分割成字串數組

stringObject.split(separator,howmany)//參數separator  必需。字串或Regex，從該參數指定的地方分割 stringObject。//參數howmany  可選。該參數可指定返回的數組的最大長度。如果設定了該參數，返回的子串不會多於這個參數指定的數組。如果沒有設定該參數，整個字串都會被分割，不考慮它的長度。

傳回值

一個字串數組。該數組是通過在 separator 指定的邊界處將字串 stringObject 分割成子串建立的。返回的數組中的字串不包括 separator 自身。

但是，如果 separator 是包含子運算式的Regex，那麼返回的數組中包括與這些子運算式匹配的字串（但不包括與整個Regex匹配的文本）。

ps：如果把Null 字元串 ("") 用作 separator，那麼 stringObject 中的每個字元之間都會被分割。

ps：String.split() 執行的操作與 Array.join 執行的操作是相反的。

"2:3:4:5".split(":")//將返回["2", "3", "4", "5"]"|a|b|c".split("|")//將返回["", "a", "b", "c"]var sentence = "hello world";var words = sentence.split(/\s+/)     將句子分割成單詞

21) strike  把字串用加底線的形式顯示

22)  sub 　把字串用下標的形式顯示

23)  sup    把字串用上標的形式顯示

24)  substr

從起始索引處提取指定數目的字元

str.substr(start, num) num參數為提取的字元個數，如果省略，則一直提取到字串的結尾，start參數如果是負數，那麼該參數聲明從字串的尾部開始算起的位置。也就是說，-1 指字串中最後一個字元，-2 指倒數第二個字元

25) substring

提取字串中從開始位置到結尾位置的字元

擷取的結果包含開始位置的字元，但不包括結尾位置的字元

str.substring(start, end) 參數不能為負數，與slice不同

25) toLowerCase 轉換成小寫

26) toUpperCase 轉換成大寫

27) toLocaleLowerCase 轉換成本地小寫

28) toLocaleUpperCase 轉換成本地大寫

29) toSource 代表對象的原始碼

30) toString 轉換成字串

31) valueOf  返回某個字串對象的原始值

32) slice 

提取字串中從開始位置到結尾位置的字元

str.slice(start, end)

傳回值

一個新的字串。包括字串 stringObject 從 start 開始（包括 start）到 end 結束（不包括 end）為止的所有字元。

ps: String 對象的方法 slice()、substring() 和 substr() （不建議使用）都可返回字串的指定部分。slice() 比 substring() 要靈活一些，因為它允許使用負數作為參數。slice() 與 substr() 有所不同，因為它用兩個字元的位置來指定子串，而 substr() 則用字元位置和長度來指定子串。

還要注意的是，String.slice() 與 Array.slice() 相似。

javascript字串基本方法