JavaScript中的对象

目录

一、对象

 1.对成员的访问格式

 2.访问修改对象的属性和方法

二、创建对象

1.使用new运算符创建对象

2.利用构造方法创建对象

三、遍历对象的属性和方法

1.使用for...in循环遍历对象的成员

 2.使用in运算符判断是否存在某个成员

---

一、对象

对象就是属性和行为的结合体。在面向对象中吧‘属性’称为对象的成员（成员变量）把'行为'称为成员方法(成员函数)。

             属性：反映的是对象的静态特征。
             
             行为：反映对象的动态特征。

JavaScript中的对象是一种数据类型用“{}”表示一个对象，在“{}”中包裹了对象的成员（包括属性和方法）。以"key:value"(键-值对)方式存储各成员。"key"是成员名,"value"是成员的值。

var phone = { //phone是一个对象
    color: '黑色',
    weight: '188g',
    screenSize: '6.5寸',
    call: function(name){
        console.log("给 " +name+" 打电话");
    },
    sendMessage: function(name){
        console.log("给 " +name+" 发信息");
    },
    playVideo: function(){
        console.log('播放视频');
    },
    playMusic: function(){
        console.log('播放音乐');
    }
}
//访问对象的属性和方法
console.log("手机颜色：",phone['color']);//访问对象的属性，phone['color]是一个属性
console.log("手机大小：",phone.screenSize);
phone['call']('奥巴马');
phone.sendMessage('川普');
phone.playVideo(); //访问对象的方法，playVideo()是一个方法
phone.playMusic();

 1.对成员的访问格式

• 对象名.属性名 或 对象名['属性名']           
• 对象名.方法名([参数]) 或 对象名['方法名']([参数])

 2.访问修改对象的属性和方法

（1）当对象成员中包含特殊字符时，可以用字符串来表示

var obj = {
    'name-age': '小明-18'
    };
    console.log(obj['name-age']);

 

 （2）手动赋值属性火方法来添加成员

var stu2 = {};		// 创建一个空对象
stu2.name = 'Jack';	// 为对象增加name属性
stu2.introduce = function() { // 为对象增加introduce方法
  alert('My name is ' + this.name);	// this代表当前对象
};
alert(stu2.name);	// 访问name属性，输出结果：Jack

二、创建对象

1.使用new运算符创建对象

(1)Object：是JavaScript中的超级对象,即用户创建的对象都直接或间接的继承了该对象的某些特性。 

(2)创建方式： var 对象名 = new Object()；

var student = new Object();

2.利用构造方法创建对象

（1）定义构造方法

  function 构造方法名([参数]){
             
                 this.属性名 = 值
                 this.方法名 = function([参数]){
                 
                    方法体语句;
                 }
             }

 (2)利用构造方法创建对象

            var 对象名 = new  构造方法名([参数]);

function Student(name,gender,age){ //定义构造函数：Student
    this.name = name;
    this.gender = gender;
    this.age = age;
 
 
    this.showInfo = function(){
        console.log('姓名：',this.name);
        console.log('性别：',this.gender);
        console.log('年龄：',this.age);
    }
}

三、遍历对象的属性和方法

1.使用for...in循环遍历对象的成员

function Student(name,gender,age){ //定义构造函数：Student
    this.name = name;
    this.gender = gender;
    this.age = age;
 
    this.showInfo = function(){
        console.log('姓名：',this.name);
        console.log('性别：',this.gender);
        console.log('年龄：',this.age);
    }
}
 
var  stu1 = new Student('小明','男',18); //利用构造方法创建对象
var  stu2 = new Student('郭靖','男',21);
var  stu3 = new Student('黄蓉','女',21);
 
stu1.showInfo()
stu2.showInfo()
stu3.showInfo()
for(var obj in stu1){ //输出对象stu1的所有属性名和方法名
    console.log(obj)
}

 2.使用in运算符判断是否存在某个成员

var flag = 'show' in stu1; //判断对象stu1中是否存在show成员
console.log(flag)

 

 可以看到返回值是FALSE即不存在这个成员

我们再来看看是否存在name成员

var flag = 'name' in stu1; //判断对象stu1中是否存在name成员
console.log(flag)

毋庸置疑是TRUE。