微信扫一扫打赏支持

范仁义js课程---37、操作对象属性的两种方式

范仁义js课程---37、操作对象属性的两种方式

一、总结

一句话总结：

js中访问对象属性的两种方式，一种是用点: 对象.属性名，另一种是用中括号[]: 对象[属性名]

console.log('zhubajie[a]: '+zhubajie[a]);
console.log(zhubajie.xiaogougou.age);

 

1、js中访问对象属性两种方法的区别（一种是用点: 对象.属性名，另一种是用中括号[]: 对象[属性名]）？

变量 和 特殊属性名：对象[属性名]的方式中 属性名可以是变量，比如human[a]，也可以是一些特殊的属性名，比如纯数字，比如human[123]

 

 

2、如何判断一个 属性是否在一个对象中？

in 运算符：语法是 '属性名' in 对象，如果 属性名在对象里面，就返回true，否则返回false，例如 console.log('name' in zhubajie);

 

 

 

二、访问对象属性的两种方式

博客对应课程的视频位置：37、操作对象属性的两种方式
https://www.fanrenyi.com/video/19/135

 

 

 

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>操作对象属性的两种方式</title>
 6 </head>
 7 <body>
 8 <!--
 9 点号：对象可以通过.号来操作属性
10 对象名.属性名
11 中括号[]：对象名[属性名]
12 
13 
14 点号和中括号操作对象的两种区别
15 特殊的属性名
16 属性名可以是是一个变量
17 中括号 可以 操作 特殊的属性名，比如说 zhubajie[123]
18 相比于点号，中括号操作对象还有另外一个非常好用的功能，
19 那就是 中括号里面的 属性名可以是是一个变量
20 
21 
22 对象里面套对象
23 对象就是一个 容器：这个容器里面是可以装其它的任意的数据类型的，
24 对象里面还可以是一个对象
25 容器里面也是可以放一个容器的
26 
27 
28 判断某个属性是不是在一个对象里面
29 in操作符： '属性名' in 对象
30 如果 属性名在对象里面，就返回true，否则返回false
31 
32 -->
33 <script>
34 
35     var zhubajie=new Object();
36     zhubajie.name='猪八戒';
37     zhubajie.age=999;
38 
39     //zhubajie.123='aaa';
40     zhubajie[123]='aaa';
41 
42     var xiaoxiaogou=new Object();
43     xiaoxiaogou.age=3;
44 
45 
46     var xiaogougou=new Object();
47     xiaogougou.name='小狗狗';
48     xiaogougou.age=10;
49     xiaogougou.child=xiaoxiaogou;
50     zhubajie.xiaogougou=xiaogougou;
51 
52 
53 
54 
55     var a=123;
56 
57     console.log(zhubajie);
58     //console.log(zhubajie.123);
59     console.log(zhubajie[123]);
60     console.log('zhubajie[a]: '+zhubajie[a]);
61     console.log(zhubajie.xiaogougou.age);
62     console.log(zhubajie.xiaogougou.child.age);
63 
64     console.log('name' in zhubajie);
65     console.log('age' in zhubajie);
66     console.log('hello' in zhubajie);
67     console.log('xiaogougou' in zhubajie);
68 
69     var name='name';
70     console.log(name in zhubajie);
71 </script>
72 </body>
73 </html>

 

posted @ 2020-03-02 14:00  范仁义  阅读(233)  评论(0)  编辑  收藏  举报