|
|
|
|
移动端

3.2.2 属性"键-值对"

《JavaScript开发实战》第3章对象:数据分组,本章将介绍 JavaScript语言中的对象。对象是一种简单、有效的收集变量的方法,在程序中可以把这些变量看作一个组,而不是各个单独的变量来进行信息传递。本节为大家介绍属性"键-值对"。

作者:孙晓青/周伟 译来源:机械工业出版社|2018-05-05 10:53

开发者盛宴来袭!7月28日51CTO首届开发者大赛决赛带来技术创新分享

3.2.2 属性"键-值对"

在代码清单 3-3中,书籍对象包含三个属性:书籍标题、书籍作者、书籍的出版年份。这些属性的值分别是" The Hobbit"、"J. R. R. Tolkien"和" 1937"。在 JavaScript对象中,我们把属性的名称叫作"键"。book对象中的键分别是 title、author、published。在为对象添加属性时,使用花括号将键和值括起来,键与值之间加入冒号,如图 3-2所示。

键-值对有时也称作"名称 -值对",但本书中一直使用"键-值对"。在下列代码清单中,创建了一个包含单个属性的对象。

代码清单 3-5一个单个属性的对象 (http://jsbin.com/funiyu/edit?js,console)

  1. var book;  
  2. book = {  
  3. title : "The Hobbit"  
  4. }; 

在上述代码中,先声明一个变量,再创建一个对象,并将这个对象赋值给该变量。该对象仅有一个属性,该属性的键是" title",该属性的值是" The Hobbit"。简单地说,对象 book的属性 title值为" The Hobbit"。

属性的值并不仅限于数字和字符串,例如" 50"或者" The Hobbit"。还可以使用以前声明过的变量作为属性的值。以下代码清单把一本书的名称赋值给一个变量,然后使用该变量作为对象的属性值。

代码清单 3-6变量作为属性的值 (http://jsbin.com/funiyu/edit?js,console)

  1. var book;  
  2. var bookName;  
  3. bookName = "The Adventures of Tom Sawyer"; //把书名赋值给变量  
  4. book = {  
  5. title : bookName //该变量作为属性的值  
  6. }; 

将上述把变量作为对象属性的方法应用在对象只有一个属性的情况,貌似有些奢侈,与其这样复杂,还不如简简单单,直接使用一个变量。下面介绍如何创建一个拥有多个属性的对象。当对象有多个属性时,请使用逗号来分隔键-值对。图 3-3显示了拥有两个属性的对象。代码清单 3-7创建了两个对象,每个对象拥有两个属性。

  1. {  
  2. title : "The Hobbit",  
  3. author : "J. R. R. Tolkien",  
  4. }; 

代码清单 3-7拥有多个属性的对象 (http://jsbin.com/funiyu/edit?js,console)

  1. var book1;  
  2. var book2;  
  3. book1 = {  
  4. title : "The Hobbit", //用逗号分隔各个属性  
  5. author : "J. R. R. Tolkien"  
  6. };  
  7. book2 = {  
  8. title : "Northern Lights", //用键-值对设置属性  
  9. author : "Philip Pullman"  
  10. }; 

现在我们已经学会如何创建对象,下面学习如何访问对象的属性。

喜欢的朋友可以添加我们的微信账号:

51CTO读书频道二维码


51CTO读书频道活动讨论群:365934973

【责任编辑:book TEL:(010)68476606】

回书目   上一节   下一节
点赞 0
分享:
大家都在看
猜你喜欢

读 书 +更多

Java程序设计专家门诊

精选目前国内外最流行的程序设计语言——Java作为本书的选题,并以丰富的内容来解决读者学习该语言时可能遇到的各种问题。以专业的论坛为基...

订阅51CTO邮刊

点击这里查看样刊

订阅51CTO邮刊