js遍历对象的属性和方法

js遍历对象的属性和方法

一、总结

二、实例

练习1:具有默认值的构造函数

  • 实例描述:

    有时候在创建对象时候,我们希望某些属性具有默认值

  • 案例思路:

    在构造函数中判断参数值是否为undefined,如果是就为其制定一个默认值。

练习2:遍历对象属性和方法

  • 实例描述:

    通过for...in...语句遍历对象中的数据,包括属性和方法

  • 案例思路:

    for...in语句和if判断分别遍历对象的属性和方法。

三、代码

 <!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="utf-8">
<title>课堂演示</title>
</head>
<body>
<script type="text/javascript">
/*
function Hero(type,home,weapon){
this.type=type;
this.home=home;
// if (weapon==undefined) {
// this.weapon='剑';
// }else{
// this.weapon=weapon;
// }
this.weapon=weapon?weapon:'剑'

}
var user=new Hero('战士','新手村','斧子')
alert(user.type+'\n'+user.home+'\n'+user.weapon)
*/ function Hero(name,type,home,weapon){
this.name=name;
this.type=type;
this.home=home;
this.weapon=weapon?weapon:'剑' ;
this.skill=function(){
alert(this.name+'向敌人发动了普通攻击')
}
} var user=new Hero('阿吉','战士','新手村')
document.write('user包含如下属性和方法:<hr/>')
for (var i in user) {
document.write(i+':'+user[i]+'<br/>')
}
</script>
</body>
</html>

1、判断变量是否定义:第13行,判断一个属性是否未定义

2、元素属性默认值的实质(if判断):第18行,三元运算符实现元素属性默认值

3、this关键字:第26行,函数内元素添加属性

4、函数内定义方法:第30行

5、for+in遍历对象:第37行,i就是属性名或者函数名

6、对象[索引]:第38行,是对应对象索引位置的值,这个索引是属性名或者函数名

截图

js遍历对象的属性和方法

上一篇:MySQL for Windows 解压缩版安装 和 多实例安装


下一篇:【SSH网上商城项目实战10】商品类基本模块的搭建