1 创建对象

Javascript 支持对象的概率。有多种方法可以用来创建对象。

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Javascript Object </title>

</head>

<body>

<script>

    var myData = new Object();

    myData.name = "Luka";

    myData.weather = "sunny";

    document.writeln("Hello "+myData.name+".");

    document.writeln("Today is "+myData.weather+".")

</script>

</body>

</html>

输出结果：

Hello Luka. Today is sunny.

1.1 使用对象字面量

用对象字面向量的方式可以一口气定义一个对象及其属性。

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Javascript Object </title>

</head>

<body>

<script>

    var myData = {

        name:"Luka",

        weather:"sunny"

    };

    document.writeln("Hello "+myData.name+".");

    document.writeln("Today is "+myData.weather+".")

</script>

</body>

</html>

1.2 将函数用作方法

对象可以添加属性，也能添加函数。属于一个对象的函数称为其方法。

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Javascript Object </title>

</head>

<body>

<script>

    var myData = {

        name:"Luka",

        weather:"sunny",

        printMessage:function(){

            document.writeln("Hello "+this.name+".");

            document.writeln("Today is "+this.weather+".")

        }

    };

    myData.printMessage();

</script>

</body>

</html>

2 使用对象

创建对象后，可以用来做许多事。

2.1 读取和修改属性值

对象最显而易见的操作是读取或修改属性值

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Javascript Object </title>

</head>

<body>

<script>

    var myData = {

        name:"Luka",

        weather:"sunny"

    };

    myData.name="Joe";

    myData["weather"]="raining";

    document.writeln("Hello "+myData.name+".");

    document.writeln("It is "+myData["weather"]+".");

</script>

</body>

</html>

输出结果：

Hello Joe. It is raining.

2.2 枚举对象

要枚举对象属性可以使用 for...in 语句。

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Javascript Object </title>

</head>

<body>

<script>

    var myData = {

        name:"Luka",

        weather:"sunny",

        printMessages:function(){

            document.writeln("Hello "+this.name+". ");

            document.writeln("Today is "+this.weather+".");

        }

    };

    for(var prop in myData){

        document.writeln("Name: "+prop+" Value: "+myData[prop]+"<br />");

    }

</script>

</body>

</html>

显示结果：

Name:name Value:Luka

Name:weather Value:sunny

Name:printMessages Value:function (){ document.writeln("Hello "+this.name+". "); document.writeln("Today is "+this.weather+"."); }

2.3 增删属性和方法

就算是用对象字面量生成的对象，也可以为其定义新属性。

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Javascript Object </title>

</head>

<body>

<script>

    var myData = {

        name:"Luka",

        weather:"sunny"

    };

    //为对象添加新属性

    myData.dayOfWeek = "Monday";

    //为对象添加新方法

    myData.sayHello = function(){

        document.writeln("Hello");

    };

    //对象的属性和方法可以用 delete 关键字删除

    delete myData.name;

    delete myData["weather"];

    delete myData.sayHello;

</script>

</body>

</html>

2.4 判断对象是否具有某个属性

可以用 in 表达式判断对象是否具有某个对象。

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Javascript Object </title>

</head>

<body>

<script>

    var myData = {

        name:"Luka",

        weather:"sunny"

    };

    var hasName = "name" in myData;

    var hasDate = "date" in myData;

    document.writeln("HasName: "+hasName+"<br />");

    document.writeln("HasDate: "+hasDate);

</script>

</body>

</html>

输出结果：

HasName: true

HasDate: false

【Javascript 基础】对象的更多相关文章

  1. 在TypeScript中扩展JavaScript基础对象的功能

    最近工作中用到,记录一下:假设我们需要一个功能,把一个数字比如10000输出为下面的字符串格式“10,000”,一般是写一个方法,那么我希望更方便一点,直接向Number类型添加一个格式化方法,比如叫 ...

  2. JavaScript基础-对象<2>

    2.浏览器环境提供对象 (1) document对象 doucument对象属性: title:文本标题.doucument.title="Welcome"; lastModifi ...

  3. JavaScript基础-对象<1>

    1.JavaScript内部对象属性和方法 (1)内置String对象 String 对象是JavaScript的核心对象之一. 创建一个sting对象: var a="this defin ...

  4. JavaScript基础对象---Number

    一.创建Number实例对象 /** * new Number(value); * value 被创建对象的数字值 * * Number 对象主要用于: 如果参数无法被转换为数字,则返回 NaN. 在 ...

  5. JavaScript基础对象创建模式之单体/单例模式(Singleton)

    首先,单例模式是对象的创建模式之一,此外还包括工厂模式.单例模式的三个特点: 1,该类只有一个实例 2,该类自行创建该实例(在该类内部创建自身的实例对象) 3,向整个系统公开这个实例接口 Java中大 ...

  6. JavaScript基础对象创建模式之链式调用模式（Chaining Pattern)(029)

    链式调用模式允许一个接一个地调用对象的方法.这种模式不考虑保存函数的返回值,所以整个调用可以在同一行内完成: myobj.method1("hello").method2().me ...

  7. JavaScript基础对象创建模式之对象的常量(028)

    虽然许多编程语言提供了const关键字来支持常量的声明,但JavaScript里没有表示常量的语义.我们可以用全大写的方式来声明变量,表明它实际上是个常量: Math.PI; // 3.1415926 ...

  8. JavaScript基础对象创建模式之静态成员(027)

    在支持“类”的面向对象语言中,静态成员指的是那些所有实例对象共有的类成员.静态成员实际是是“类”的成员,而非“对象”的成员.所以如果 MathUtils类中有个叫 max()的静态成员方法,那么调用这 ...

  9. JavaScript基础对象创建模式之模块模式(Module Pattern)(025)

    模块模式可以提供软件架构,为不断增长的代码提供组织形式.JavaScript没有提供package的语言表示,但我们可以通过模块模式来分解并组织 代码块,这些黑盒的代码块内的功能可以根据不断变化的软件 ...

  10. JavaScript基础对象创建模式之私有属性和方法(024)

    JavaScript没有特殊的语法来表示对象的私有属性和方法,默认的情况下,所有的属性和方法都是公有的.如下面用字面声明的对象: var myobj = { myprop: 1, getProp: f ...

随机推荐

  1. 转：LinkedHashMap使用(可以用来实现LRU缓存)

    1. LinkedHashMap概述: LinkedHashMap是HashMap的一个子类,它保留插入的顺序,如果需要输出的顺序和输入时的相同,那么就选用LinkedHashMap. LinkedH ...

  2. async-http

    android-async-http开源框架可以是我们轻松的获取网络数据或者向服务器发送数据,使用起来也很简单,下面做简单介绍,具体详细使用看官网:https://github.com/loopj/a ...

  3. AGC023E - Inversion

    Description \(n \le 2*10^5\) 给定限制序列 \(A\) 求满足 \(P_i\le A_i\) 的所有排列中 逆序对个数的和 Solution 考虑知道一个 \(A\) 序列 ...

  4. 【CF1017F】The Neutral Zone（Bitset，埃氏筛）

    题意: 思路:From https://blog.csdn.net/CSDNjiangshan/article/details/81536536 #include<cstdio> #inc ...

  5. HDU 4649 Professor Tian (概率DP)

    Professor Tian Time Limit: 2000/1000 MS (Java/Others)    Memory Limit: 65535/32768 K (Java/Others)To ...

  6. SQL 数据库函数

    字符串函数 lower(字符串表达式) | select lower('ABCDEF')返回 abcdef | 返回大写字符数据转换为小写的字符表达式. upper(字符串表达式) | select ...

  7. python接口自动化8-参数化【转载】

    本篇转自博客:上海-悠悠 原文地址:http://www.cnblogs.com/yoyoketang/tag/python%E6%8E%A5%E5%8F%A3%E8%87%AA%E5%8A%A8%E ...

  8. hdu 5144(三分+物理)

    NPY and shot Time Limit: 2000/1000 MS (Java/Others)    Memory Limit: 32768/32768 K (Java/Others)Tota ...

  9. Mysql优化的方法

    一.表的优化: 1: 定长与变长分离 如 time.手机号等,每一单元值占的字节是固定的. 核心且常用字段,宜建成定长,放在一张表,查询速度会很快 而varchar, text,blob,这种变长字段 ...

  10. 洛谷 P1048 采药【裸01背包】

    题目描述 辰辰是个天资聪颖的孩子,他的梦想是成为世界上最伟大的医师.为此,他想拜附近最有威望的医师为师.医师为了判断他的资质,给他出了一个难题.医师把他带到一个到处都是草药的山洞里对他说:" ...