国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 語言 > JavaScript > 正文

JavaScript學(xué)習(xí)筆記之JS對象

2024-05-06 16:15:07
字體:
供稿:網(wǎng)友
這篇文章向我們詳細(xì)介紹了javascript中的對象,包括默認(rèn)對象、數(shù)組對象、字符串對象、自定義對象,并通過示例對這4中對象做了對比分析,推薦給大家。
 

默認(rèn)對象

  日期對象Date,

  格式:日期對象名稱=new Date([日期參數(shù)])

  日期參數(shù):

  1.省略(最常用);

  2.英文-數(shù)值格式:月 日,公元年 [時(shí):分:秒]

  如:today=new Date("October 1,2008 12:00:00")

  3.數(shù)值格式:公元年,月,日,[時(shí),分,秒]

  如:today=new Date(2008,10,1)

  日期對象的方法:

  格式:日期對象名稱.方法([參數(shù)])

  使用例子:

 

復(fù)制代碼代碼如下:

<body>
    <script type="text/javascript">
       var date = new Date();//JS中默認(rèn)提供的對象
    document.writeln("現(xiàn)在時(shí)刻: " + ( date.getYear() + 1900 ) + "年"
                + (date.getMonth() + 1) + "月" + date.getDate() 
                + "日" + ", 星期" + date.getDay() + ", 時(shí)間: "//星期天會(huì)是0,需要進(jìn)一步處理,這里先不處理
                + date.getHours() + ":" + date.getMinutes() + ":" + date.getSeconds());
    </script>
</body> 

  輸出:

 

現(xiàn)在時(shí)刻: 2014年4月21日, 星期1, 時(shí)間: 14:7:53
 
數(shù)組對象
  數(shù)組對象的作用是:使用單獨(dú)的變量名來存儲(chǔ)一系列的值。

  JavaScript的數(shù)組有兩點(diǎn)特殊性:

  1.數(shù)組長度不定,可以自動(dòng)擴(kuò)容;

  2.數(shù)組中存放的數(shù)據(jù)類型可以不統(tǒng)一,即可以混存不同的數(shù)據(jù)類型。

  建立數(shù)組對象的多種格式:

  new Array();

  返回的數(shù)組為空,length 字段為 0。

  new Array(size);

  參數(shù) size 是期望的數(shù)組元素個(gè)數(shù)。返回的數(shù)組,length 字段將被設(shè)為 size 的值。該構(gòu)造函數(shù)將返回具有指定個(gè)數(shù)、元素為 undefined 的數(shù)組。

  new Array(element0, element1, ..., elementn);

  該構(gòu)造函數(shù)將用參數(shù)指定的值初始化數(shù)組,數(shù)組的 length 字段會(huì)被設(shè)置為參數(shù)的個(gè)數(shù)。

  數(shù)組對象名稱=[元素1[,元素2,...]]

  (注意這里使用的是方括號)。

  當(dāng)把構(gòu)造函數(shù)作為函數(shù)調(diào)用,不使用 new 運(yùn)算符時(shí),它的行為與使用 new 運(yùn)算符調(diào)用它時(shí)的行為完全一樣。

  還可以創(chuàng)建二維數(shù)組。

  Array對象的方法可以參見:http://www.w3school.com.cn/jsref/jsref_obj_array.asp

  數(shù)組對象使用實(shí)例:

 

復(fù)制代碼代碼如下:

<!DOCTYPE html>
<html>
  <head>
    <title>arrayTest.html</title>
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="this is my page">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
  </head>
  <body>
    <script type="text/javascript">
    //var fruits = new Array("Apple", "Banana", "Pear");
    var fruits = ["蘋果","香蕉","梨"];//推薦使用
    //可以動(dòng)態(tài)添加元素
    fruits.push("西瓜");
    fruits.push("橙子");
    for(var i = 0; i < fruits.length; ++i)
    {
        document.writeln("fruit[" + i + "] = " + fruits[i] + "<br/>");
    }
    //數(shù)組的一些方法測試
    with(document)
    {
        write("<ul>");
        write("<li>" + fruits.join()+ "</li>");//默認(rèn)使用逗號來分隔
        write("<li>" + fruits.join(";")+ "</li>");
        write("<li>" + fruits.toString()+ "</li>");
        write("<li>" + fruits.reverse().join()+ "</li>");
        write("<li>" + fruits.valueOf()+ "</li>");
        //說明上面的reverse實(shí)際上是改變了數(shù)組本身
        write("</ul>");
    }
    //二維數(shù)組
    var people = new Array(3);
    people[0] = new Array(1, "zhangsan", "lisi");
    people[1] = new Array(2, "Jack", "Lucy");
    people[2] = new Array(3, "Xiaoming", "Xiaohong");
    //注意數(shù)據(jù)類型可以混合使用
    //遍歷二維數(shù)組
    for(var i = 0 ; i < people.length ; ++i)
    {
        for(var j= 0 ; j < people[i].length ; ++j)
        {
            document.write("people["+ i +"]["+ j +"] = " + people[i][j] + "<br/>");
        }
        document.write("<br/>");
    }
    </script>
  </body>
</html>

 

字符串對象
  建立字符串對象:

  格式:字符串對象名稱=new String(字符串常量)

  格式:字符串變量名稱="字符串常量"

  一個(gè)驗(yàn)證Email的例子:

 

復(fù)制代碼代碼如下:

<!DOCTYPE html>
<html>
  <head>
    <title>emailConfirm.html</title>
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="this is my page">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
    <script type="text/javascript">
        function isEmail()
        {
            var emailValue = document.getElementsByName("email")[0].value;
            if(-1 == emailValue.indexOf("@"))
            {
                alert("請?zhí)顚懻_的Email地址");
            }
            else
            {
                alert("Ok");
            }
        }
    </script>
  </head>
  <body>
      <form>
        email: <input type="text" name="email"><br/>
        <input type="button" value="check" onclick="isEmail()">
    </form>
  </body>
</html>

 

自定義對象
  前面講函數(shù)的時(shí)候講過一個(gè)例子,現(xiàn)在這里再講一下這個(gè)例子:

 

復(fù)制代碼代碼如下:

<!DOCTYPE html>
<html>
  <head>
    <title>objectTest.html</title>
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="this is my page">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
  </head>
  <body>
    <script type="text/javascript">
    //定義對象的一種方式:通過構(gòu)造函數(shù)
        function member(name, gender)
        {
            //屬性
            this.name = name;
            this.gender = gender;
            //方法
            this.display = display;//指定member對象的display方法
        }
        function display()
        {
            var str = this.name + " : " + this.gender;
            //這個(gè)display方法被誰使用了,此處的this就指向那個(gè)對象
            document.writeln(str + "<br/>");
        }
        //生成對象
        var m1 = new member("zhangsan", "male");
        var m2 = new member("lisi", "male");
        var m3 = new member("wangwu", "male");
        var m4 = new member("wangfang", "female");
        with(document)
        {
            write("輸出屬性","<br/>");
            write(m1.name + ":" + m1.gender + "<br/>");
            write(m2.name + ":" + m2.gender + "<br/>");
            write(m3.name + ":" + m3.gender + "<br/>");
            write(m4.name + ":" + m4.gender + "<br/>");
        }
        document.write("調(diào)用方法","<br/>");
        m1.display();
        m2.display();
        m3.display();
        m4.display();
    </script>
  </body>
</html>

 

小伙伴們是否對javascript中對象的概念和用法有了新的認(rèn)識了呢,希望大家能夠喜歡本文及本系列文章。


發(fā)表評論 共有條評論
用戶名: 密碼:
驗(yàn)證碼: 匿名發(fā)表

圖片精選

主站蜘蛛池模板: 涿州市| 富裕县| 东安县| 吕梁市| 弋阳县| 泸水县| 武功县| 连云港市| 正镶白旗| 昌平区| 白城市| 五莲县| 延川县| 连云港市| 瑞丽市| 壶关县| 南汇区| 阜阳市| 滕州市| 勃利县| 南岸区| 九江县| 合肥市| 海丰县| 逊克县| 乡城县| 广昌县| 苗栗县| 岳阳市| 吕梁市| 汉寿县| 扶绥县| 宁强县| 托克逊县| 呼和浩特市| 舟曲县| 济阳县| 淮安市| 库尔勒市| 河池市| 乌海市|