JavaScript中Stri...LOGIN

JavaScript中String物件的屬性和方法

String物件的屬性與方法

  • # length:取得字串的長度。如:var len = strObj.length

  •  toLowerCase():將字串中的字母轉換成全小寫。如:strObj.toLowerCase()

  •  toUpperCase():將字串中的字母轉換成全大寫。如:strObj.toUpperCase()

<!DOCTYPE HTML>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>php.cn</title>
        <script>
           var str="ASDfgh";
           document.write(str.length+"<br/>");
           document.write(str.toLowerCase()+"<br/>");
           document.write(str.toUpperCase()+"<br/>");
        </script>
    </head>
    <body>
    </body>
</html>


charAt(index)

  • 功能:傳回指定下標位置的一個字元。如果沒有找到,則傳回空字串。

  • 語法:strObj.charAt(index)

  • #參數:index是指定的索引號,根據index索引號來傳回一個字符。

<!DOCTYPE HTML>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>php.cn</title>
        <script>
           var str="Hello JavaScript";
            for(var i=0;i<str.length;i++){
                document.write(str.charAt(i)+"<br/>");
            }
        </script>
    </head>
    <body>
    </body>
</html>


#indexOf()

  • ##功能:傳回一個子字串在原始字串中的索引值(查找順序從左到右查找)。如果沒有找到,則傳回-1。

  • 語法:strObj.indexOf(substr)

  • #參數:substr代表要找的子字串。

  • <!DOCTYPE HTML>
    <html>
        <head>
            <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
            <title>php.cn</title>
            <script>
               var str="Hello JavaScript";
               document.write(str.indexOf("J")+"<br/>");   
               document.write(str.indexOf("S")+"<br/>");   
               document.write(str.indexOf("s")+"<br/>");   
            </script>
        </head>
        <body>
        </body>
    </html>



lastIndexOf()

    ##功能:在原始字串,從右往左查找某個子字串。如果沒找到,返回-1。
  • 語法:strObj.lastIndexOf(substr)
  • 參數:substr代表要尋找的子字串。
  • <!DOCTYPE HTML>
    <html>
        <head>
            <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
            <title>php.cn</title>
            <script>
               var str="Hello JavaScript";
               document.write(str.lastIndexOf("J")+"<br/>");   
               document.write(str.lastIndexOf("S")+"<br/>");   
               document.write(str.lastIndexOf("s")+"<br/>");   
            </script>
        </head>
        <body>
        </body>
    </html>


#substr()

##功能:在原始字串,傳回一個子字串。
  • 語法:strObj.substr(startIndex [ , length])
  • 說明:從下標startIndex起,回傳length個字元。
  • 參數:
# startIndex表示尋找的起始索引號碼;
  • # startIndex表示尋找的起始索引號碼;
  •  length可選,傳回幾個字元。如果省略,一直回到結尾。

<!DOCTYPE HTML>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>php.cn</title>
        <script>
           var str="Hello JavaScript";
           document.write(str.substr(6)+"<br/>");
           document.write(str.substr(6,4)+"<br/>");               
        </script>
    </head>
    <body>
    </body>
</html>


#substring()

  • ##功能:在原始字串,傳回一個子字串。

  • 語法:strObj.substring(startIndex [ , endIndex])

  • 說明:傳回從startIndex開始索引值到endIndex結束索引值之間的所有字元。

  • 參數:

  • startIndex:代表開始索引值。

  • endIndex:可選項,代表結束索引值。如果省略,一般會回到結尾的所有的字元。

註:如果省略第二個參數,那麼substr()和substring()結果一樣。

註:substring()傳回的字元包含startIndex處的字符,不包含endIndex處的字元。

<!DOCTYPE HTML>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>php.cn</title>
        <script>
           var str="Hello JavaScript";
           document.write(str.substring(6)+"<br/>");
           document.write(str.substring(6,10)+"<br/>");               
        </script>
    </head>
    <body>
    </body>
</html>


#split():將一個字串轉成陣列

  • 功能:將一個字串切割成若干段。傳回一個數組。

  • 語法:strObj.split(分割號)

  • #參數:參數是一個分割號的字串。用指定的分割號將字串切成若干段。

以空格為分割號,就字串Hello JavaScript
分割成陣列Hello,Jav​​aScript            

<!DOCTYPE HTML>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>php.cn</title>
        <script>
           var str="Hello JavaScript";
           document.write(str.split(" "))           
        </script>
    </head>
    <body>
    </body>
</html>

 



下一節
<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>php.cn</title> <script> var str="ASDfgh"; document.write(str.length+"<br/>"); document.write(str.toLowerCase()+"<br/>"); document.write(str.toUpperCase()+"<br/>"); </script> </head> <body> </body> </html>
章節課件