javascript权威指南,JavaScript学习笔记之JS对象

By admin in 4858美高梅 on 2019年8月31日

JavaScript学习笔记之JS对象,javascript学习笔记

暗中同意对象

  日期对象Date,

  格式:日期对象名称=new Date([日子参数])

  日期参数:

  1.省略(最常用);

  2.乌克兰语-数值格式:月 日,公元年 [时:分:秒]

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

  3.数值格式:公元年,月,日,[时,分,秒]

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

  日期对象的法子:

  格式:日期对象名称.方法([参数])

  使用例子:

复制代码 代码如下:

<body>
    <script type=”text/javascript”>
       var date = new Date();//JS中暗中认可提供的指标
    document.writeln(“以往时时: ” + ( date.getYear() + 1902 ) + “年”
                + (date.getMonth() + 1) + “月” + date.getDate()
                + “日” + “, 星期” + date.getDay() + “, 时间:
“//周天会是0,须要更为管理,这里先不处理
                + date.getHours() + “:” + date.getMinutes() + “:” +
date.getSeconds());
    </script>
</body>

  输出:

方今时时: 2016年三月十三日, 星期1, 时间: 14:7:53
 
数组对象   数组对象的机能是:使用单独的变量名来囤积一雨后冬笋的值。

  JavaScript的数组有两点特殊性:

  1.数CEO度不定,能够活动扩容;

  2.数组中寄存的数据类型能够不统一,即能够混存分化的数据类型。

  建构数组对象的有余格式:

  new Array();

  再次回到的数组为空,length 字段为 0。

  new Array(size);

  参数 size 是愿意的数组成分个数。重临的数组,length 字段将被设为 size
的值。该构造函数将再次回到具备钦点个数、成分为 undefined 的数组。

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

  该构造函数将用参数钦赐的值开首化数组,数组的 length
字段会被安装为参数的个数。

  数组对象名称=[元素1[,元素2,…]]

  (注意这里运用的是方括号)。

  当把构造函数作为函数调用,不接纳 new 运算符时,它的一颦一笑与行使 new
运算符调用它时的作为完全等同。

  还足以创制二维数组。

  Array对象的点子能够参见:

  数组对象使用实例:

复制代码 代码如下:

<!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 = [“苹果”,”香蕉”,”梨”];//推荐应用
    //能够动态添日成分
    fruits.push(“西瓜”);
    fruits.push(“橙子”);
    for(var i = 0; i < fruits.length; ++i)
    {
        document.writeln(“fruit[” + i + “] = ” + fruits[i] +
“<br/>”);
    }
    //数组的有个别艺术测验
    with(document)
    {
        write(“<ul>”);
        write(“<li>” + fruits.join()+
“</li>”);//私下认可使用逗号来分隔
        write(“<li>” + fruits.join(“;”)+ “</li>”);
        write(“<li>” + fruits.toString()+ “</li>”);
        write(“<li>” + fruits.reverse().join()+ “</li>”);
        write(“<li>” + fruits.valueOf()+ “</li>”);
        //表达上边的reverse实际上是改造了数组自己
        write(“</ul>”);
    }
    //二维数组
    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”);
    //注意数据类型能够勾兑使用
    //遍历二维数组
    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>

字符串对象
javascript权威指南,JavaScript学习笔记之JS对象。  创建字符串对象:

  格式:字符串对象名称=new String(字符串常量)

  格式:字符串变量名称=”字符串常量”

  四个验证Email的例子:

复制代码 代码如下:

<!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(“请填入正确的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>

自定义对象
  前边讲函数的时候讲过三个例证,未来此地再讲一下那么些事例:

复制代码 代码如下:

<!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”>
    //定义对象的一种方法:通过构造函数
        function member(name, gender)
        {
            //属性
            this.name = name;
            this.gender = gender;
            //方法
            this.display = display;//指定member对象的display方法
        }
        function display()
        {
            var str = this.name + ” : ” + this.gender;
            //这几个display方法被什么人使用了,此处的this就对准十二分指标
            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(“调用方法”,”<br/>”);
        m1.display();
        m2.display();
        m3.display();
        m4.display();
    </script>
  </body>
</html>

小同伙们是不是对javascript中指标的定义和用法有了新的认识了呢,希望我们能够喜欢本文及本体系作品。

暗中认可对象 日期对象Date, 格式:日期对象名称=new Date([日期参数])
日期参数: 1.省略(最常用);…

暗许对象

复制代码 代码如下:

复制代码 代码如下:

  日期对象Date,

<!doctype html>
<html>
<head>
<meta http-equiv=”content-type” content=”text/html;
charset=UTF-8″>
<title>javascript数据类型</title>
</head>
<body>
<script type=”text/javascript”>
/**
JavaScript中允许行使
二种基本数据类型----数字,文本字符和布尔值。个中数字包涵符点数.
其他,它还扶助二种小数据类型---null(空)和undefined(未定义),该三种小数据类型,它们各自只定义了三个值

还帮助复合数据类型---对象(object),注意数组也是一种对象
另外,js还定义了一种特别的指标---函数(function),注意:函数也是一种数据类型,真的很有力。。。
除却函数和数组外,JavaScript语言的大旨还定义的任何一些专项使用的指标。举例:Date,RegExp,Error……
*/
/**
三种为主数据类型
*/
var $num = 111;
var $str = “aaabbbccc”;
var $b = false;
document.write(“javascript中的种种数据类型:”);
document.write(“<br/>$num的类型: “+typeof $num);//number
document.write(“<br/>$str的类型: “+typeof $str);//string
document.write(“<br/>$b的类型: “+typeof $b);//boolean
/**
二种小数据类型
*/
var x ;
document.write(“<br/>x的数据类型:”+typeof x);//undefined
var bbb = !x;//true
document.write(“<br/>bbb的数据类型:”+typeof bbb);//boolean
document.write(“<br/>三种小数据类型:”+typeof null+”,”+typeof
undefined);//object,undefined
/**
新鲜数据类型:函数
*/
function myFun(x){//…………..aaa处
return x*x;
}
var myFunFun = function(x){//…………..bbb处
return x*4858美高梅 ,x;
}
alert(myFun);//aaa处
alert(myFunFun);//bbb处
document.write(“<br/>myFun,myFunFun的类型: “+typeof
myFun+”,”+typeof myFunFun);//function,function
/**
目的数据类型,以下三种艺术
*/
//第一种格局:通过协会基本对象,为目的增添属性来完结
var obj = new Object();
obj.name = “yangjiang”;
obj.sex = “sex”;
//第三种艺术:利用对象直接量
var ooo = {};
ooo.name = “yangjiang”;
ooo.sex = “sex”;
//第两种方式:定义类型(有一点像JAVA语言中的类):此种格局最常用
function People(name,sex){
this.name = name;
this.sex = sex;
}
var oooo = new People(“yangjiang”,”sex”);
//以下输出二种艺术的结果
document.write(“<br/>obj的类型:”+typeof obj);//object
document.write(“<br/>ooo的类型:”+typeof ooo);//object
document.write(“<br/>oooo的类型:”+typeof oooo);//object
/**
数组 也是一种对象
*/
var $array = [];
var $arrayA = [“aaa”,”bbb”,111,false];
var $arrayB = new Array();
document.write(“<br/>$array的数据类型:”+typeof $array);//object
document.write(“<br/>$arrayA的数据类型:”+typeof
$arrayA);//object
document.write(“<br/>$arrayB的数据类型:”+typeof
$arrayB);//object
</script>
</body>
</html>

<!doctype html>
<html>
<head>
<meta http-equiv=”content-type” content=”text/html;
charset=UTF-8″>
<title>javascript数据类型</title>
</head>
<body>
<script type=”text/javascript”>
/**
JavaScript中允许行使
二种基本数据类型----数字,文本字符和布尔值。个中数字包含符点数.
其余,它还援助二种小数据类型---null(空)和undefined(未定义),该二种小数据类型,它们各自只定义了二个值

还协助复合数据类型---对象(object),注意数组也是一种对象
除此以外,js还定义了一种独特的对象---函数(function),注意:函数也是一种数据类型,真的很庞大。。。
除了这么些之外函数和数组外,JavaScript语言的主导还定义的其余部分专用的靶子。比方:Date,RegExp,Error……
*/
/**
二种为主数据类型
*/
var $num = 111;
var $str = “aaabbbccc”;
var $b = false;
document.write(“javascript中的各样数据类型:”);
document.write(“<br/>$num的类型: “+typeof $num);//number
document.write(“<br/>$str的类型: “+typeof $str);//string
document.write(“<br/>$b的类型: “+typeof $b);//boolean
/**
二种小数据类型
*/
var x ;
document.write(“<br/>x的数据类型:”+typeof x);//undefined
var bbb = !x;//true
document.write(“<br/>bbb的数据类型:”+typeof bbb);//boolean
document.write(“<br/>两种小数据类型:”+typeof null+”,”+typeof
undefined);//object,undefined
/**
离奇数据类型:函数
*/
function myFun(x){//…………..aaa处
return x*x;
}
var myFunFun = function(x){//…………..bbb处
return x*x;
}
alert(myFun);//aaa处
alert(myFunFun);//bbb处
document.write(“<br/>myFun,myFunFun的类型: “+typeof
myFun+”,”+typeof myFunFun);//function,function
/**
对象数据类型,以下三种方法
*/
//第一种方法:通过组织基本指标,为对象加多属性来到达
var obj = new Object();
obj.name = “yangjiang”;
obj.sex = “sex”;
//第两种方式:利用目的间接量
var ooo = {};
ooo.name = “yangjiang”;
ooo.sex = “sex”;
//第三种方法:定义类型(有一些像JAVA语言中的类):此种形式最常用
function People(name,sex){
this.name = name;
this.sex = sex;
}
var oooo = new People(“yangjiang”,”sex”);
//以下输出三种格局的结果
document.write(“<br/>obj的类型:”+typeof obj);//object
document.write(“<br/>ooo的类型:”+typeof ooo);//object
document.write(“<br/>oooo的类型:”+typeof oooo);//object
/**
数组 也是一种对象
*/
var $array = [];
var $arrayA = [“aaa”,”bbb”,111,false];
var $arrayB = new Array();
document.write(“<br/>$array的数据类型:”+typeof $array);//object
document.write(“<br/>$arrayA的数据类型:”+typeof
$arrayA);//object
document.write(“<br/>$arrayB的数据类型:”+typeof
$arrayB);//object
</script>
</body>
</html>

  格式:日期对象名称=new Date([日期参数])

代码如下: !doctype html html head meta
http-equiv=”content-type” content=”text/html; charset=UTF-8″
titlejavascript数据类型/title /head body script type=”text/…

你恐怕感兴趣的篇章:

  • javascript权威指南
    学习笔记之变量成效域分享
  • javascript权威指南
    学习笔记之null和undefined
  • JavaScript 权威指南(第四版)
    读书笔记
  • 详解JavaScript权威指南之对象

  日期参数:

  1.省略(最常用);

  2.韩文-数值格式:月 日,公元年 [时:分:秒]

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

  3.数值格式:公元年,月,日,[时,分,秒]

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

  日期对象的艺术:

  格式:日期对象名称.方法([参数])

  使用例子:

复制代码 代码如下:

<body>
    <script type=”text/javascript”>
       var date = new Date();//JS中暗中认可提供的指标
    document.writeln(“今后随地随时: ” + ( date.getYear() + 1904 ) + “年”
                + (date.getMonth() + 1) + “月” + date.getDate()
                + “日” + “, 星期” + date.getDay() + “, 时间:
“//星期六会是0,需求更进一竿管理,这里先不管理
                + date.getHours() + “:” + date.getMinutes() + “:” +
date.getSeconds());
    </script>
</body>

  输出:

当今时时: 二零一四年九月五日, 星期1, 时间: 14:7:53
 
数组对象   数组对象的成效是:使用单独的变量名来囤积一多级的值。

  JavaScript的数组有两点特殊性:

  1.数老总度不定,能够自行扩大容积;

  2.数组中寄放的数据类型能够不统一,就能够以混存分化的数据类型。

  创建数组对象的两种格式:

  new Array();

  重返的数组为空,length 字段为 0。

  new Array(size);

  参数 size 是梦想的数组成分个数。重返的数组,length 字段将被设为 size
的值。该构造函数将回到具备钦点个数、成分为 undefined 的数组。

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

  该构造函数将用参数钦点的值开头化数组,数组的 length
字段会被安装为参数的个数。

  数组对象名称=[元素1[,元素2,…]]

  (注意这里运用的是方括号)。

  当把构造函数作为函数调用,不使用 new 运算符时,它的作为与使用 new
运算符调用它时的行事完全一致。

  还足以创立二维数组。

  Array对象的不二秘籍能够倾慕:

  数组对象使用实例:

复制代码 代码如下:

<!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 = [“苹果”,”香蕉”,”梨”];//推荐应用
    //能够动态添新币素
    fruits.push(“西瓜”);
    fruits.push(“橙子”);
    for(var i = 0; i < fruits.length; ++i)
    {
        document.writeln(“fruit[” + i + “] = ” + fruits[i] +
“<br/>”);
    }
    //数组的片段办法测量试验
    with(document)
    {
        write(“<ul>”);
        write(“<li>” + fruits.join()+
“</li>”);//暗中同意使用逗号来分隔
        write(“<li>” + fruits.join(“;”)+ “</li>”);
        write(“<li>” + fruits.toString()+ “</li>”);
        write(“<li>” + fruits.reverse().join()+ “</li>”);
        write(“<li>” + fruits.valueOf()+ “</li>”);
        //表明上边的reverse实际上是改换了数组自个儿
        write(“</ul>”);
    }
    //二维数组
    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”);
    //注意数据类型能够勾兑使用
    //遍历二维数组
    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(字符串常量)

  格式:字符串变量名称=”字符串常量”

  一个验证Email的例证:

复制代码 代码如下:

<!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(“请填入精确的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>

自定义对象
  前面讲函数的时候讲过四个例证,以后此地再讲一下以那件事例:

复制代码 代码如下:

<!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”>
    //定义对象的一种形式:通过构造函数
        function member(name, gender)
        {
            //属性
            this.name = name;
            this.gender = gender;
            //方法
            this.display = display;//指定member对象的display方法
        }
        function display()
        {
            var str = this.name + ” : ” + this.gender;
            //那一个display方法被哪个人使用了,此处的this就对准十二分指标
            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(“调用方法”,”<br/>”);
        m1.display();
        m2.display();
        m3.display();
        m4.display();
    </script>
  </body>
</html>

小伙伴们是或不是对javascript中指标的定义和用法有了新的认知了吧,希望我们能够喜欢本文及本类别作品。

你恐怕感兴趣的稿子:

  • Javascript
    面向对象(一)(共有方法,私有方法,特权方法)
  • javascript面向对象入门基础详细介绍
  • JavaScript中json对象和string对象之间相互转化
  • javascript检查实验对象中是还是不是存在某些属性推断方法小结
  • javascript得到函数名称、函数参数、对象属性名称的代码实例
  • JQuery
    $.each遍历JavaScript数组对象实例
  • javascript
    面向对象封装与承袭
  • Javascript基础教程之函数对象和个性

发表评论

电子邮件地址不会被公开。 必填项已用*标注

网站地图xml地图
Copyright @ 2010-2019 美高梅手机版4858 版权所有