当前位置: 首页 > Web前端 > HTML

JS基础入门篇(十二)—对象

时间:2023-04-02 17:59:22 HTML

1.对象的定义对象: - 是复合类型,由简单数据类型和复合数据类型组成的。 - 由一对{ }包起来的, - 0对或者多对 键名和键值 组成的对, - 每对键值对 之间用","隔开,最后一个不要加","2.对象的创建方式一:通过构造函数创建对象new Object();方式二:对象字面量创建对象{ };3.为对象添加或者修改属性方式一:通过“.”<script> //通过构造函数创建对象 var obj= new Object(); //为对象添加属性 obj.a=2; console.log(obj);//{a: 1} //通过对象字面量创建对象 var t={}; //为对象添加属性 t.a=2; console.log(t);//{a: 1} </script>方式二:“[ ]”<script> //通过构造函数创建对象 var obj= new Object(); //为对象添加属性 obj.["a"]=2; console.log(obj);//{a: 1} //通过对象字面量创建对象 var t={}; //为对象添加属性 t.["a"]=2; console.log(t);//{a: 1} </script>方式三:直接写在里面<script> var obj= { name: "k", age: 12, gender: "male" } console.log(obj);//{name: "k", age: 12, gender: "male"}</script>4.属性值的获取对象值的获取- 方式一:对象.键名(属性名);- 方式二:对象["键名"];5.in 和 for in的使用in的使用: 属性名 in 对象名 检测 在 对象中 是否 含有此属性名。eg:<script> var obj={ name:"L"; age:22; }; console.log(age in obj);//true console.log(gender in obj);//false</script>for in的使用:遍历对象内的所有属性,感觉相当于一个循环。<script> var obj={ name:"k", age:21, gender:"women" }; // i是指对象的属性名,会遍历对象的属性值。 for (var i in obj){ console.log("第"+i+"项的属性值为:"+obj[i]); } var attr=[1,2,3,4]; for (var i in attr){ console.log("第"+i+"项值为:"+attr[i]); }</script>结果截图为: