js中常用的處理字符串的函數

 javascript最常用的字符串方法是: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>

javascript函數的應用

(圖1)

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

javascript函數的應用

(圖2)

你可以在上面隨便填入一個email地址,然後點擊”確定”鍵。接着還會彈出一個檢查Email地址的結果。加入你輸入email地址:[email protected]之後,你就會看到如圖3所示的結果。如果你輸入:ok#pconline.com.cn就會出現如圖4所示的結果,因爲#是一個無效的字符。

javascript函數的應用

(圖3)

javascript函數的應用

(圖4)

以下將詳細解釋上面這段代碼:

以上的例子使用了一些字符串的函數、循環語句以及Boolean(布爾)運算。所有的這些在前面的教程中都有提及,當然除了toLowerCase()函數,這個函數下面再介紹。

以上的代碼實際上很簡單,只不過是想測試一下email地址中的每一個字符是不是一個有效的字符而已。但是實現過程看起來有點笨拙,不象C語言或者Perl語言那樣簡單。從本質上講,我們是使用charAt()來循環瀏覽email地址的字符串以提取出無效的字符。

如果字符是有效的,那就繼續循環;如果字符是無效的,就會彈出一個警告窗口說明那個字符是無效的,此時在設置parsed=false之後使用break語句來結束for循環。

當循環存在,我們可以檢查標誌parsed看是否email是有效的。如果parsed爲true,那麼消息將被顯示。

點擊此處去測試頁面
substring()函數

這個函數通常使用於提取字符串的任何部分。它的參數是'start' 和'end'。開始的數值是第一個字符的索引,結束數值是返回部分之後的第一個字符的索引。你可能聽起來會覺得雲裏霧裏的,但是一個最好的記憶方法是:返回字符串的長度等於end-start。

如果第二個參數省略了,那麼它默認爲直到字符串的結束。下面是幾個例子:

var str = "This is a string";

str.substring(1, 3); //結果爲hi

str.substring(3, 1); //結果爲hi

str.substring(0, 4); //結果爲This

str.substring(8); //結果爲hi

str.substring(8, 8); //結果爲空

上面的第二個例子是說明了當start>end的時候,那麼這兩個參數自動轉換.最後的例子顯示了:當start等於end的時候,返回數值爲空字符串。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章