1 <!DOCTYPE html> 2 <html> 3 ????<head> 4 ????????<meta charset="UTF-8"> 5 ????????<title></title> 6 ????????<script type="text/javascript"> 7 ?????????????8 ????????????var obj = new Object(); 9 10 ????????????/*11 ?????????????* 向对象中添加属性12 ?????????????* 属性名：13 ?????????????* ????- 对象的属性名不强制要求遵守标识符的规范14 ?????????????* ????????什么乱七八糟的名字都可以使用15 ?????????????* ????- 但是我们使用是还是尽量按照标识符的规范去做16 ?????????????* 17 ?????????????*/18 ????????????obj.name = "孙悟空";19 ????????????20 ????????????obj.var = "hello";21 ????????????22 ????????????23 ????????????/*24 ?????????????* 如果要使用特殊的属性名，不能采用.的方式来操作25 ?????????????* ????需要使用另一种方式：26 ?????????????* ????????语法：对象["属性名"] = 属性值27 ?????????????* ????读取时也需要采用这种方式28 ?????????????* 29 ?????????????* 30 ?????????????* 使用[]这种形式去操作属性，更加的灵活，31 ?????????????* ????在[]中可以直接传递一个变量，这样变量值是多少就会读取那个属性32 ?????????????* 33 ?????????????*/34 ????????????35 ????????????//obj.123 = 789;36 ????????????//console.log(obj.123);//Uncaught SyntaxError: Unexpected number37 ????????????38 ????????????obj["123"] = 789;39 ????????????console.log(obj["123"]);//78940 ????????????41 ????????????obj["nihao"] = "你好";42 ????????????console.log(obj["nihao"]);//你好43 ????????????44 ????????????var n = "nihao";45 ????????????console.log(obj[n]); //你好，变量的值是什么就去读哪个属性46 ????????????47 ????????????48 ????????????//---------------------------------------------------------------------------------49 ????????????50 ????????????51 ????????????/*52 ?????????????* 属性值53 ?????????????* ????JS对象的属性值，可以是任意的数据类型54 ?????????????* ????????甚至也可以是一个对象55 ?????????????*/56 ????????????57 ????????????obj.test = true;58 ????????????obj.test = null;59 ????????????obj.test = undefined;60 ????????????61 ????????????//创建一个对象62 ????????????var obj2 = new Object();63 ????????????obj2.name = "猪八戒";64 ????????????65 ????????????//将obj2设置为obj的属性66 ????????????obj.test = obj2;67 ????????????68 ????????????console.log(obj.test.name);//猪八戒69 ????????????70 ????????????71 ????????????//----------------------------------------------------------------------------------72 ????????????73 ????????????74 ????????????/*75 ?????????????* in 运算符76 ?????????????* ????- 通过该运算符可以检查一个对象中是否含有指定的属性77 ?????????????* ????????如果有则返回true，没有则返回false78 ?????????????* ?- 语法：79 ?????????????* ????????"属性名" in 对象80 ?????????????*/81 ????????????console.log(obj.test2);//undefined82 ????????????83 ????????????//检查obj中是否含有test2属性84 ????????????console.log("test2" in obj);//false85 ????????????console.log("test" in obj);//true86 ????????????console.log("name" in obj);//true87 ????????????88 ????????????89 ????????????90 ????????</script>91 ????</head>92 ????<body>93 ????</body>94 </html>JS基础_属性名和属性值
原文地址：http://www.cnblogs.com/ZHOUVIP/p/7679254.html