对象

var ob = {};

键值对

可以做为key的有 ：数字，boolean（某些浏览器不支持，比如IE），字符串（不包含标识符）

可以作为value的有 ：一切可以解析为具体值的代码

var o = {true:3,sdf:2,2:1};

取值[]

alert(o["true"]);     //

alert(o[1==1]);      //

alert(o[true]);     //

alert(o["sdf"]);        //

alert(o["s"+"d"+"f"]); //

alert(o[sdf]);        //Uncaught ReferenceError: sdf is not defined

alert(o["2"]);   //

alert(o[3-1]);  //

alert(o[2]);   //
var o = {key:1,key:2,key:3};

alert(o["key"]);//3
  • 先解析中括号里的内容，然后转成字符串key查询value
  • 中括号里的标识符需要预先定义
  • 对象中存在相同key时，取后者
  • 遭遇error后，下面的代码不继续执行

取值.

alert(o.true);    //

alert(o."true"); //Uncaught SyntaxError: Unexpected string

alert(o.sdf);        //

alert(o.2);      //Uncaught SyntaxError: Unexpected number
  • 点后只能跟字母组成的key，不能包含数字，双引号

删除

The delete operator removes a property from an object.

Syntax

delete expression

where expression should evaluate to a property reference, e.g.:

delete object.property

delete object['property']

方法体

function f(a){

 return a;

}

var o ={f:f};

alert(o.f);//function(a){return a;}

alert(o.f());//undefined

alert(o.f(1));//

方法调用

var o = {a:f(1)};

alert(o.a); //

错误的方法调用

function f1(a){

}

var o = {a:f1(1)};

alert(o.a);//undefined

alert(o.a(1));//Uncaught TypeError: undefined is not a function

});

获取对象取key与value

var o = {

    true: 1,

    false: 2,

    1 : 3,

    aaa: 4

};

for (key in o) {

    alert(key + ":" + o[key]);

}
  • key为关键字，不能用key1等代替
  • 这种方法取到的key均为字符串，如："1","0","true","false"
  • 可用eval() 得到本来的值，eval("false")==false
var s = "asdf";

var b = "false";

alert(eval(b));//false

alert(eval(s));//Uncaught ReferenceError: asdf is not defined

jQuery

<script type="text/javascript" src = "js/jquery-1.10.2.min.js" ></script>

$.each(o,function(i,n){

    alert(i+":"+n);// 第i个n元素

});

扩展***************************

var o1={};

var o2={a:1};

var o3={a:2,b:2}

var o =  $.extend(o1,o2,o3);

for(k in o){

alert(k+":::::::::"+o[k]);

}
  • 请事先引入jQuery，src以实际情况为准。
  • jQuery.extend
  • 继承，即扩展某个对象
  • 名字相同直接替换，不是与运算。
  • 名字不同，补充。

+++++++++++++++动手试一试（本文章使用Chrome浏览器测试）+++++++++++++++++

利用文本创建一个简单的html文件。

aaa.txt

aaa.html

<html>

    <head>

        <script type="text/javascript">

            var sdf = 'aaa';

            var o = {

                true: 21,

                false: 11,

                sdf: 3,

                aaa: 4

            };

            alert(o[sdf]);

        </script>

    </head>

    <body>

    </body>

</html>

js Object的更多相关文章

  1. JS Object.defineProperties()方法

    JS Object.defineProperties()方法 描述: Object.defineProperties()方法为目标对象同时配置多个属性. 语法: Object.defineProper ...

  2. js & Object reference bug

    js & Object reference bug bug object ref bug onClickButton (type = ``) { let { publishDate: publ ...

  3. JS Object Deep Copy & 深拷贝

    JS Object Deep Copy & 深拷贝 针对深度拷贝,需要使用其他方法 JSON.parse(JSON.stringify(obj));,因为 Object.assign() 拷贝 ...

  4. JS Object Deep Copy & 深拷贝 & 浅拷贝

    JS Object Deep Copy & 深拷贝 & 浅拷贝 https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Refe ...

  5. js & object & prototype & __proto__ & prototype chain

    js & object & prototype & proto & prototype chain constructor prototype === instance ...

  6. JS - Object and Property的删除用法

    在JS中,Object和Property的删除用法: var myObject = {name:'jimmy', age:12, height:123} delete myObject["j ...

  7. js object（对象）

    http://www.cnblogs.com/pingchuanxin/p/5773326.html Object(对象)是在所有的编程语言中都十分重要的一个概念,对于事物我们可以把他们看作是一个对象 ...

  8. js object 常用方法总结

    Object.assign(target,source1,source2,...) 该方法主要用于对象的合并,将源对象source的所有可枚举属性合并到目标对象target上,此方法只拷贝源对象的自身 ...

  9. js Object.create 初探

    1.作用 Object.create()方法创建一个新对象,使用现有的对象来提供新创建的对象的__proto__. https://developer.mozilla.org/zh-CN/docs/W ...

  10. JS object(对象)的学习汇总

    Object(对象)是在所有的编程语言中都十分重要的一个概念,对于事物我们可以把他们看作是一个对象,而每一个事物都有自己的表示的属性和对于某一信息作出的相应的操作.而这些东西就变成了事物的属性和方法. ...

随机推荐

  1. nginx rewrite规则实例讲解

    一．正则表达式匹配,其中: * ~ 为区分大小写匹配* ~* 为不区分大小写匹配* !~和!~*分别为区分大小写不匹配及不区分大小写不匹配 二．文件及目录匹配,其中:* -f和!-f用来判断是否存在文 ...

  2. 插入排序算法-python实现

    #-*- coding: UTF-8 -*- import numpy as np def InsertSort(a): for i in xrange(1,a.size): for j in xra ...

  3. 显示等待WebDriverWait

    显示等待:WebDriverWait 等待页面加载完成,找到某个条件发生后再继续执行后续代码,如果超过设置时间检测不到则抛出异常 WebDriverWait(driver, timeout, poll ...

  4. 黄聪：360浏览器、chrome开发扩展插件教程（1）开发Chrome Extenstion其实很简单

    转载:http://www.cnblogs.com/walkingp/archive/2011/03/31/2001628.html Chrome的更新速度可以说前无古人,现在我每天开机的第一件事就是 ...

  5. iis 更改asp.net 版本设置

    参考来源: https://github.com/neo2018/ZYFC/blob/2e20009097c1e837a6e667a3dffd4224e28f4411/MderFc/Classes/I ...

  6. Java 迭代器 Iterator

    迭代器模式 迭代器模式(Iterator Pattern)是 Java 和 .Net 编程环境中非常常用的设计模式.这种模式用于顺序访问集合对象的元素,不需要知道集合对象的底层表示. 迭代器模式属于行 ...

  7. ehcache配置：使用Spring+SpringMVC+Mybatis或者有shiro

    SSM框架的搭建就不在叙述了 本文主要是讲解在SSM基础上再加上ehcache 1:首先:pom.xml需要的jar <dependency> <groupId>org.myb ...

  8. 基于Redis实现简单的分布式锁

      在分布式场景下,有很多种情况都需要实现最终一致性.在设计远程上下文的领域事件的时候,为了保证最终一致性,在通过领域事件进行通讯的方式中,可以共享存储(领域模型和消息的持久化数据源),或者做全局XA ...

  9. C#如何优雅的结束一个线程

    大家都知道在C#里面,我们可以使用 Thread.Start方法来启动一个线程,当我们想停止执行的线程时可以使用Thread.Abort方法来强制停止正在执行的线程,但是请注意,你确定调用了Threa ...

  10. python 构造mysql爆破器

    前言: 今天已经期末考完,睡了个觉起床写了个 mysql爆破器. 思路: 1.爆破用户->用户存在的话不会报错反之报错 2.爆破密码->密码正确不会报错反之报错 3.用户名和密码一起爆破- ...