首頁 > web前端 > js教程 > 主體

JavaScript中string物件_javascript技巧

WBOY
發布: 2016-05-16 15:55:21
原創
1250 人瀏覽過

一.String:儲存一個字串,並且提供處理字串所需的屬性和方法。

1.建立String物件:顯示與隱式

<DOCTYPE html>
<html>
  <meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
  <head>
    <title>js函数</title>
  </head>
  <script type="text/javascript">
     //申明String对象的两种方式:显式和隐式申明
     //1.隐式
     var myString="abc";
     document.write(myString+"<br/>");
     //2.显式
     var myString2=new String("abc");
     document.write(myString2+"<br/>");
  </script>
  <body>
  
  </body>
</html>

登入後複製

*顯式和隱式申明String對象,類型不一樣:隱式申明的string對象,類型是string,而明確申明的string對象,類型是object。

*明確地與隱式創建字串真正的區別是,如果你要重複使用相同的字串,明確地創建字串,有更高的效率;

*明確地建立字串,還有利於JavaScript解釋器混淆數字和字串;

2.使用String物件的方法

String對象,有許多方法,這裡只討論兩個。 indexOf()和substring()方法;注意大小寫。

*需要知道的:JavaScript字串,是由字元組成的。這些字元的每一個都有一個索引。這個索引是從0開始的,所以第一個位置的索引是0;第二個是1,以此類推。

*方法indexOf()找出並傳回子字串起始的索引位置,如果尋找的元素不存在,就回傳-1,否則傳回這個字元所在的索引。 (lastIndexOf則傳回子字串結束的位置)

下面寫一個判斷使用者數輸入的Email位址中,是否包含@符號的範例:

<DOCTYPE html>
<html>
  <meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
  <head>
    <title>js函数</title>
  </head>
  <script type="text/javascript">
     //让用户输入Email地址,检查输入是否包含@符号
     //使用prompt方法,获取用户输入的Email地址,检查是否包含@符号,使用indexof返回@符号的索引
     var userInput=prompt("Please enter your email address","Email");
     if(Number(userInput.indexOf("@"))==-1)
     {
      document.write("对不起,您输入的Email不合法");
     }
     else
     {
     document.write("恭喜您,您输入的Email通过验证");
     }
  </script>
  <body>
  </body>
</html>

登入後複製

substring()方法,使用字串的起始位置和結束位置的索引作為參數,從另一個字串中截取一個字串。可以不使用第二個參數,來返回,從第一個索引到字串結束的所有字串。例如,我們要截取從第三個到第六個字符的所有字符,可以這樣寫:

<DOCTYPE html>
<html>
  <meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
  <head>
    <title>js函数</title>
  </head>
  <script type="text/javascript">
    //从起始位置,到结束位置
    var myhello="Hello Javascript World";
    var newMyhello= myhello.substring(0);
    document.write(newMyhello+"<br/>");
    //从第三个字符到第六个字符
     var myhello="Hello Javascript World";
    var newMyhello= myhello.substring(2,5);
    document.write(newMyhello+"<br/>");
  </script>
  <body>
  </body>
</html>
登入後複製

以上所述就是本文的全部內容了,希望大家能夠喜歡。

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!