JavaScript认识对象，创建对象，遍历对象

Posted 2021-07-20 别Null.了

目录

认识对象

什么是对象

创建对象

非空对象

空对象

利用字面量创建对象

使用构造函数创建对象

遍历对象的属性和方法

---

认识对象

什么是对象

在javascript中，对象是一种数据类型，它是由属性和方法组成的一个集合

 属性是指事物的特征，使用“对象.属性名”访问；方法是指事物的行为，使用“对象.方法名()”进行访问。

用一个实例来理解对象

下例中的p1是手机对象，通过p1.color等访问p1中的属性和方法

var p1 = {     //创建一个手机对象，包括以下属性
    color:'黑色',    //属性
    weight:'188g',   //g为特殊字符，用字符串表示
    screenSize:6.5,
    //key:value 是键值对的方式  key表示属性名或方法名，value表示对应的值，多个对象成员之间用逗号隔开

    call : function(name){           //方法
        console.log("打电话给："+name)
    },
    sendMessage : function(msg){
        console.log("发送的信息是："+msg)
    },
    playVideo : function(){
        console.log("播放视频")
    },
    playMusic : function(){
        console.log("播放音乐")
    }
}
//测试函数
<script>
     //访问p1的属性和方法
     //console.log("手机颜色："+p1.color)    
     console.log("手机颜色："+p1['color'])  //此处的color要用单引号括起来，相当于数组的索引
     console.log("手机重量："+p1.weight)     
     console.log("屏幕尺寸："+p1.screensize)

     p1.call("张三")    //此处的"张三"以及下面的"下午好"都是传的参数
     p1.sendMessage("下午好！")
     p1.playVideo()
     p1.playMusic()
</script>

输出结果：

 

创建对象

非空对象

var 对象名 = 
{
   属性名:值
   ...
   方法名:function([参数])
   {
      方法体语句
   }
   ...
}

空对象

var 对象名 = {}   //通过字面量创建对象
var 对象名 = new Object()   //通过new object创建对象

利用字面量创建对象

对象的字面量就是用花括号"{}"来包裹对象中的成员，每个成员都使用"key:value"的形式来保存，key表示属性名或方法名，value表示对应的值。多个对象成员之间用"，"隔开。

（如上例就是通过字面量创建了一个手机对象）

创建一个空对象：var obj = { }；

使用构造函数创建对象

new 构造函数名()

注意：构造函数可以有参数，也可以没有参数；在小括号中可以传递参数给构造函数，如果没有参数则小括号可以省略。

实例：this代表利用当前构造函数所创建的那个对象。

 function Student()
{
	this.name = '李四'
	this.sex = '男'
	this.age = 25
	this.show = function()
    {
		console.log("姓名："+this.name)
		console.log("性别："+this.sex)
		console.log("年龄："+this.age)
	}
}

遍历对象的属性和方法

使用for ...in可以遍历对象中的所有属性和方法。

实例

//obj是待遍历的对象
var obj = {name:'张三'，age:18,sex:'男'};   //定义一个obj对象，并添加属性
//遍历obj对象
for (var j in obj)
{
   //通过k可以获取遍历过程中的属性名或方法名
   console.log(k);     //依次输出：name、age、sex
   console.log(obj[k])   //依次输出：小明、18、男
}

 使用in运算符可以判断一个对象中的某个成员是否存在

var obj = {name:'Tom',age:16};
console.log('age' in obj);    //输出：true，表示对象成员存在
console.log('gender' in obj);  //输出：false，表示对象成员不存在