JavaScript之Object类型介绍

 更新时间:2015年04月01日 15:50:58   投稿:junjie  
这篇文章主要介绍了JavaScript之Object类型介绍,本文讲解了创建Object类型的两种方法以及访问Object类型的方法,需要的朋友可以参考下

创建Object实例的方式有两种。第一种是使用new操作符后跟Object构造函数,如下所示:

复制代码 代码如下:

var person = new Object();
person.name = "zxj";
person.age = 25;

另一种方式是使用对象字面量表示法。对象字面量是对象定义的一种简写形式,目的在于简化创建大量属性的对象的过程。代码如下所示:

复制代码 代码如下:

 //对象字面量
 var person = {
 name: "zxj",
 age: 25
 }

在通过对象字面量定义对象时,实际上是不会调用Object构造函数的。

一般来说,访问对象属性时使用都是点表示法,但在JavaScript中也可以使用方括号表示法来访问对象的属性。在使用方括号语法时,应该将要访问的属性以字符串的形式放在方括号内,如下所示:

复制代码 代码如下:

alert(person["name"]) //zxj
alert(person.name) //zxj

两者功能是无任何区别,但方括号语法的主要优点就是可以通过变量来访问属性:

复制代码 代码如下:

var propertyName="name";
alert(person[propertyName]); //zxj

如果属性名中包含会导致语法错误的字符,或者属性名使用的是关键字或保留字,也可以使用方括号表示法,例如:

复制代码 代码如下:

person['first name'] = "zxj";

通常,除非必须使用方括号表示法,否则建议使用点表示法。

相关文章

  • 在Iframe中获取父窗口中表单的值(示例代码)

    在Iframe中获取父窗口中表单的值(示例代码)

    这篇文章主要介绍了在Iframe中获取父窗口中表单的值(示例代码)。需要的朋友可以过来参考下,希望对大家有所帮助
    2013-11-11
  • JavaScript设计模式之单件模式介绍

    JavaScript设计模式之单件模式介绍

    这篇文章主要介绍了JavaScript设计模式之单件模式介绍,单件模式,就是静态化的访问中已经实例化的对象,这个对象只能通过一个唯一的入口访问,已经实例或待实例化的对象,需要的朋友可以参考下
    2014-12-12
  • LayUI—tree树形结构的使用解析

    LayUI—tree树形结构的使用解析

    这篇文章主要介绍了LayUI—tree树形结构的使用,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2022-10-10
  • swiper4实现移动端导航栏tab滑动切换

    swiper4实现移动端导航栏tab滑动切换

    这篇文章主要为大家详细介绍了swiper4实现移动端导航栏tab滑动切换,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-10-10
  • 常见的浏览器存储方式(cookie、localStorage、sessionStorage)

    常见的浏览器存储方式(cookie、localStorage、sessionStorage)

    今天我们从前端的角度了解一下浏览器存储,我们常见且常用的存储方式主要由两种:cookie、webStorage(localStorage和sessionStorage)。本文通过实例代码给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友参考下吧
    2019-05-05
  • javascript实现放大镜功能

    javascript实现放大镜功能

    这篇文章主要为大家详细介绍了javascript入门之实现放大镜功能,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-12-12
  • CSS3+JavaScript实现翻页幻灯片效果

    CSS3+JavaScript实现翻页幻灯片效果

    这篇文章主要介绍了CSS3+JavaScript实现翻页幻灯片效果,非常不错,具有参考借鉴价值,需要的朋友可以参考下
    2017-06-06
  • 解析Json字符串的三种方法日常常用

    解析Json字符串的三种方法日常常用

    下面将介绍日常中使用的三种解析json字符串的方法,非常不错,具有参考借鉴价值,需要的朋友参考下吧
    2018-05-05
  • 深入了解JavaScript 私有化

    深入了解JavaScript 私有化

    有人认为Javascript缺乏隐藏对象细节信息的特性,因为Javascript的对象没有私有变量和私有方法。这其实是个误解,Javascript对象是可以有这些私有成员的。下面我们来详细了解一下吧
    2019-05-05
  • JS与Ajax Get和Post在使用上的区别实例详解

    JS与Ajax Get和Post在使用上的区别实例详解

    这篇文章主要介绍了JS与Ajax Get和Post在使用上的区别实例详解的相关资料,非常不错具有参考借鉴价值,需要的朋友可以参考下
    2016-06-06

最新评论