DIV CSS 佈局教程網

字符串對象提供了許多方法，但是很少的程序設計人員充分利用它們，這對於一個程序員來說，不能不說這是一種缺陷。字符串提供的方法可以用於操作字符、產生HTML標簽以及搜索字符串等等。

下面首先說說什麼是字符串。在javascript語言中，字符串就是一種對象。就象在Java中，它們不是作為一系列的字符被存儲的，所以字符串的操作必須使用內置的構造器和設置函數來完成。在後來的版本中有了字符串構造器和更多的關於對象的概念。在這個層次上說，字符串是由字母而不是數字組成的變量，這就是字符串的概念。

舉個例子，一些有效的字符串為"Hello", "Bob", "Bob2", "33", "33.3"，而33或者33.3就不是字符串了。所有的字符串有一個共同的屬性，稱為長度，這個長度返回了字符串中字符的個數。

最常用的字符串方法是：indexOf()、charAt()和substring()。因為這幾個方法在JavaScript中經常出現，所以下面我對它們進行詳細說明：

indexOf()函數

這個函數允許你判斷一個字符串是否存在於一個更長的字符串中以及它所處的位置。它等價於C語言中的strstr函數以及Visual Basic語言中的inStr函數。這個方法也有一個相應的函數：lastIndexOf()，這個函數字符串的另外一端搜索。

就象函數的名字所意味的，返回數值表明字符串在所搜索字符串中的位置。如果在被搜索的字符串中沒有找到要查找的字符串就返回-1。這裡要注意，在JavaScript中-1是一個普通的整數，而不是一個布爾型(Boolen)的數。以下是具體例子：

var myString = "Have a nice day!";

alert(myString.indexOf("a")); //這裡返回1

alert(myString.lastIndexOf("a")); // 這裡返回 13

這裡還需要再提醒一次，在JavaScript中的數組的索引是從0開始，這跟C語言是遺言的。所以上面的語句alert(myString.indexOf("a"))是返回1，因為”a” 處於字符串"Have a nice day!"的第二個位置。

細心一點，你可能會發現字符串"Have a nice day!"還有一個字符"a"，那怎麼才能找到第二個字母"a"呢？這是一個很好的問題，為了做到這一點，我們必須再介紹這個函數的第二個參數。第二個參數是一個整數，它指示了字符串中開始搜索的位置。

為了綜合以上的知識，下面對代碼進行一些來找到所有字符"a"，具體代碼如下：

var myString = "Have a nice day!";

var index = myString.indexOf("a");

while (index != -1) {

alert(index);

index = myString.indexOf("a", index + 1);
// start search after last match found

}

下面詳細解釋一下這段代碼：變量index被初始化為第一個"a"所在的位置（如果沒有"a"，那麼變量index就為-1）。然後再給出一個循環，條件是index!=-1。在每次的循環中，我們將變量index加1，即從找到的"a"後面第一個字符開始繼續查找，直至將所有的字符"a"找到為止。當再也沒有字符"a"在字符串變量mySring中找到的時候，就返回-1值，此時index就等於-1，不滿足循環條件index!=-1，故導致循環結束。而alert(index)語句的輸出為：1，5，13。

在這個例子中我們只是展示indexOf()進行單一字符的搜索。如果你經常使用這個函數，你會發現它可以搜索任意的字符或者字符串。

charAt()函數

這個函數返回在字符串中字符處在給定的位置。從本質上講，它是substring()方法的一個特例，但是它也有自己的用途。如果你原來是個C語言程序員或者其它相近的語言的程序員，那麼你就能理解當引用字符的時候，可以利用string.charAt(index)來代替string[index]。

下面我們來在一個表單輸入中使用這個函數。表單中有email地址，當然這個email地址要限制為字符、數字以及一個"@"符號。我們可以一次性講字符串分列為單個字符來對它進行強制。詳細代碼如下：

<SCRIPT language="JavaScript"> <!-- Hide from older browsers

var parsed = true;

var validchars = "[email protected]";

var email = prompt("What is your email address?", "[email protected]");

for (var i=0; i < email.length; i++) {

var letter = email.charAt(i).toLowerCase();

if (validchars.indexOf(letter) != -1)

continue;

alert("Invalid character: " + letter);

parsed = false;

break;

}

if (parsed) alert("Your email address contains all valid characters.");

// Stop hiding -->

</SCRIPT>



(圖1)

如圖1所示。你可以按下”check Email”按鈕，此時就會彈出一個對話框，如圖2所示。