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";

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

相关文章

  • 非常不错的弹出一个div的js代码

    非常不错的弹出一个div的js代码

    看代码主要是用css控制div的显示和div的显示位置和式样的代码
    2008-06-06
  • uniapp实现日期时间选择器

    uniapp实现日期时间选择器

    这篇文章主要为大家详细介绍了uniapp实现日期时间选择器,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-10-10
  • 关于json字符串与实体之间的严格验证代码

    关于json字符串与实体之间的严格验证代码

    在一个项目中要求严格验证传入的json字符串与定义的 类匹配,否则不记录。后来查了好多资料才弄明白,下面小编给大家分享下关于json字符串与实体之间的严格验证,感兴趣的朋友一起看看吧
    2016-11-11
  • 在JavaScript中获取请求的URL参数

    在JavaScript中获取请求的URL参数

    在ASP.NET后台代码中,对于这样的URL请求地址:http://www.abc.com?id=001,我们可以通过Request.QueryString["id"]的方法很容易的获取到URL中请求的参数的值,但是要在前台js代码中获取请求的参数的值,应该怎么做呢?
    2010-12-12
  • 浅谈js之字面量、对象字面量的访问、关键字in的用法

    浅谈js之字面量、对象字面量的访问、关键字in的用法

    下面小编就为大家带来一篇浅谈js之字面量、对象字面量的访问、关键字in的用法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-11-11
  • JS实现4位随机验证码

    JS实现4位随机验证码

    这篇文章主要为大家详细介绍了JS实现4位随机验证码,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-10-10
  • 瀑布流的实现方式(原生js+jquery+css3)

    瀑布流的实现方式(原生js+jquery+css3)

    这篇文章主要为大家详细介绍了原生js+jquery+css3实现瀑布流的相关代码,三种实现瀑布流的方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-07-07
  • 详解如何提升JSON.stringify()的性能

    详解如何提升JSON.stringify()的性能

    这篇文章主要介绍了详解如何提升JSON.stringify()的性能,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-06-06
  • JavaScript实现移动端禁止下拉露出网址广告屏蔽技巧

    JavaScript实现移动端禁止下拉露出网址广告屏蔽技巧

    这篇文章主要为大家介绍了JavaScript实现移动端禁止下拉露出网址或的广告屏蔽技巧示例,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-06-06
  • 一个报数游戏js版(约瑟夫环问题)

    一个报数游戏js版(约瑟夫环问题)

    随便给一个数 比如100,那么从1到100围成一个圆圈,然后就类似123123报数一样逢3就舍掉,一直这样轮询 那么最后剩下来的那个数是多少?
    2010-08-08

最新评论