1、什么叫JavaScript对象?

  定义:名值对的集合。简单的讲就是容纳属性值和属性值的容器,这些属性可以是无序的,基本上JavaScript中所有的事物都可以看成对象。

  拓展:我们经常说,数组也是对象,那么,我们从对象定义中名值对的角度看,数组与普通的对象相比,他的名值对是由顺序的而已,即每一个arry[i]对应着固定的数值,所以,可以说,数组是特殊的对象,特殊就特殊在他的名值对是有序的,现在再看数组是不是简单多了呢?

  

2、创建对象 的四种方法:

  分别为:

  ①对象字面量法;②new关键字创建法;③构造函数法;④ES5提供的Object.creat()方法;

  ①对象字面量法:

  创建方法:

  var  school={name:'cumt',

        'first-road':'大学路',

        Iscollege:true,

        students:50000,

        };

  需要注意的几个点:

  1、属性名如果是以数字开头,则属性名必须加上单引号或者双引号;如果属性名中包含JavaScript的保留字或者非法字符(-等字符)必须要加单引号或者双引号。其他情况可以不必加单引号或者双引号。

  2、属性值如果是字符串,则属性值必加单引号或者双引号;如果属性值是数字、布尔值、undefined、NaN或者null则可以不用加引号。

  3、属性之间分隔用逗号分开,而不是用分号(切记)。

  ②通过var关键字和new关键字创建对象:

  创建方法:

  var person=new Object(){name:'josn',

          sex:male,

          'girl-friend':lily,

          hometown:'江苏',

        };

  ③构造函数法:

  var preson=function(){name:'AJax',

            valuble:true,

            times:'often',

        };

说明:

1、前面说到数组是特殊的对象,那么在这儿,聪明的大家肯定早就看出来了,函数它也是对象,其实仔细想想:函数是一种对象,而我们却可以利用函数来定义一个对象,乍一听,咋感觉这么像数学里面的充分必要的关系,但实际上用这种关系解释他们是解释不通的也是没必要的,只要理解:函数是一种对象,通过函数可以构造对象,这就够了。关于函数的总结稍后会在下一贴随笔中细说。

2、既然第一条说到了JavaScript的对象,咱们就来理一理JavaScript中到底有多少内置对象(面试的时候在这个问题上栽过一回,当时就问蒙了,只零零散散的回答了一部分):JavaScript中的内置对象有17个之多,常用的是Array对象、Date对象、Regexp(正则表达式)对象、String对象、Global对象 ,Object对象,Arguments对象,Boolean对象,Error对象,Function对象,Math对象,Number对象等,具体的内置对象使用方法请参照:https://www.cnblogs.com/Arther-J/p/5388633.html

  ④通过Object.create()方法创建对象:

  在ES5中,提供了一种创建对象的新方法:通过Object.create()创建对象,使用方法如下:

  var dream=Object.create({owner:'mine',

                  distance:'step',

                 method:'天助自助者',

             });

3、对象属性的访问、添加、修改、删除、遍历操作方法

  通例:

  var  obj={name:'攻城狮',

      age:18,

      sex:'male',

      hobby:'fishing',

    };

  ①对象属性的访问:

  方法为:访问对象的属性时,方法有两种:对象名.属性名    或者   对象名.['属性名']    无论是用  点   的形式还是方括号的形式都是可以的,至于这俩有啥区别,待会儿咱在慢慢扯。

例:我要得到obj这个对象中的age属性的属性值,我可以这样写:console.log(obj.age);

                   当然我也可以这样写:console.log(obj['age']);

  得到的结果是一样的,都是   18.

  ②添加对象的属性:

   例:我们想要给上面的obj对象中添加一个sayhi的属性,我们可以这样做:

    obj.sayhi='hello';

    访问:console.log(obj.sayhi);       结果为:hello

  ③修改对象的属性值:

  修改对象属性值其实就是对对象属性值进行新的赋值,如果对象中这个属性原来就存在,我们称之为修改属性值,那么如果这个属性原来在对象中压根就没有,那么这就是上面刚刚说的添加对象的属性。

  例如:我们现在想把obj的sex属性名的值换成female,我们可以这么写:

  obj.sex='female';

  相当于重新给sex属性名赋了一个值

  这个时候我们再访问:console.log(obj.sex);就会发现结果变成了  female

  ④删除对象的属性:

  我们如果想要删除对象中原来存在的某个属性,JavaScript提供的方法是delete

  例如,我们现在想把上面obj的hobby的属性删掉

  在删掉之前呢,我们先来访问一下obj的属性,看看他的结果,方便和删除后做对比

  console.log(obj.hobby);    结果正如大家所预料的,是  fishing

  那,我们来删除hobby属性,方法是:

      delete  obj.hobby;

  这会儿咱再来访问:

    console.log(obj.hobby);   就会发现结果变成了  undefined,我们删除了hobby属性,访问了一个不存在的属性,结果自然是undefined

  ⑤遍历对象的属性:

  遍历 JavaScript 对象中的属性没有其他语言那么简单,因为两个因素会影响属性的遍历:对象属性的属性描述符 (property descriptor) 的 [[Enumerable]] 特性为 true (可枚举)才能被 for-in 访问;如果在对象本身没有找到属性,接下来会在原型链上查找,访问属性时会沿着整个原型链从下到上查找属性。所以说遍历属性时,要考虑这两个因素。

  下面我们就来试试,使用for..in取出obj对象中的全部自有属性和属性值:

  var x;

  for(x in obj){

  document.write(i+':'+house[i]+';<br/>');

  };

结果为:

name:攻城狮;
age:18;
sex:female;
sayhi:hello;

写在末尾:

本篇关于对象的知识总结都是些比较基础的东西,适合于初学者,希望各位前辈、高手、老师指点分享经验和看法,也欢迎在评论区交流看法。

JavaScript对象基础知识总结的更多相关文章

  1. JavaScript对象基础知识

    1.对象所包含的元素一组包含数据的属性.如人的名字.书的价格和手机型号等.允许对属性中所包含的数据进行操作的方法. 2.引用对象的途径一个对象真正地被使用,可以采用以下几种方式.引用Javascrip ...

  2. 快速掌握JavaScript面试基础知识(三)

    译者按: 总结了大量JavaScript基本知识点,很有用! 原文: The Definitive JavaScript Handbook for your next developer interv ...

  3. 快速掌握JavaScript面试基础知识(二)

    译者按: 总结了大量JavaScript基本知识点,很有用! 原文: The Definitive JavaScript Handbook for your next developer interv ...

  4. javascript的基础知识及面向对象和原型属性

    自己总结一下javascript的基础知识,希望对大家有用,也希望大家来拍砖,毕竟是个人的理解啊 1.1 类型检查:typeof(验证数据类型是:string) var num = 123; cons ...

  5. JavaScript 之基础知识

    JavaScript 基础知识 JavaScript 是属于网络的脚本语言! JavaScript 被数百万计的网页用来改进设计.验证表单.检测浏览器.创建cookies,以及更多的应用. JavaS ...

  6. OpenGL ES 3.0 帧缓冲区对象基础知识

    最近在帧缓冲区对象这里卡了一下,不过前面已经了解了相关的OpenGL ES的知识,现在再去了解就感觉轻松多了.现在就进行总结. 基础知识 我们知道,在应用程序调用任何的OpenGL ES命令之前,需要 ...

  7. JavaScript笔记——基础知识(一)

    <Script>标签属性 <script>xxx</script>这组标签,是用于在 html 页面中插入 js 的主要方法.它主要有以下 几个属性: charse ...

  8. javascript 正则表达式基础知识汇总

    正则表达式:对字符串中的信息实现查找.替换和提取操作.(不支持注释和空白,必须写在一行内)正则表达式的创建:包含在一对斜杠之间的字符(直接量语法)例如:var pattern = /s$/;     ...

  9. JavaScript事件基础知识总结【思维导图】

    另外附上来自Nicholas C.Zakas<JavaScript高级程序设计 第3版>中的跨浏览器兼容EventUtil对象. var EventUtil = { //注册事件 addH ...

随机推荐

  1. java调用linux管道信息的误区

    String cmd = "ps -ef | grep "XXX" " 使用Runtime rt = Runtime.getRuntime();类时 rt.ex ...

  2. ubuntu 14.04常见问题

    1. 改root密码 sudo passwd root 2. 显示登录框 sudo gedit /usr/share/lightdm/lightdm.conf.d/50-ubuntu.conf 添加 ...

  3. 7z文件格式及其源码的分析(四)

    这是7z文件格式及其源码的分析系列的第四篇. 上一篇讲到了7z文件静态结构的尾header部分.这一篇开始,将从7z实际压缩流程开始详细介绍7z文件尾header的详细结构. 一, 第一个概念: co ...

  4. hadoop ncdc数据下载方法

    我在看<Hadoop权威指南>时,里面提供了NCDC天气数据样本,提供的下载链接是:点击打开链接,但是里面只提供了1901和1902这两年的数据,这未免也太少了点!完全称不上“BIG DA ...

  5. HBase介绍(2)---数据存储结构

    在本文中的HBase术语:基于列:column-oriented行:row列组:column families列:column单元:cell 理解HBase(一个开源的Google的BigTable实 ...

  6. Linux下卸载删除.Net Core

    最近在技术博客和技术交流群遇到很多小伙伴们在Linux下更新或者安装.Net Core SDK后dotnet命令无法识别等问题,现如下解决: 卸载SDK命令 sudo yum remove dotne ...

  7. 写一个Singleton出来。

    单例模式是一种创建模式. 这种模式只涉及一个单独的类,它负责创建自己的对象. 该类确保只创建单个对象. 这个类提供了一种访问其唯一对象的方法. 例子: MainWindow类的构造函数是私有的,并且有 ...

  8. Dubbo与Hadoop RPC的区别

    本文来自网易云社区 RPC(Remote Procedure Call,远程过程调用)是一个计算机通信协议.该协议允许运行于一台计算机的程序调用另一台计算机的子程序,而程序员无需额外地为这个交互作用编 ...

  9. 【sonar-block】Use try-with-resources or close this "BufferedInputStream" in a "finally" clause.

    自己的理解: try-with-resources是JDK7的新语法结构,主要功能是自动关闭资源而不需要在finally里面手动close()关闭, 而且最重要的是,try块中的异常不会被close( ...

  10. Connection Timeout和Command Timeout

    每次对数据库连接时,我们有时候会碰到连接超时或者命令超时,这两个超时是不一样的.以ADO.NET为例,当客户端和服务器端连接时,碰到的超时情况主要有下面几种: 当从连接池获取一个连接时,碰到超时. 当 ...