(十)javascript中对象的创建及基本使用

一,创建对象的三种方式

1. 通过对象字面量 {} 创建对象:

// 通过字面量 {} 创建对象
        var obj = {
            name:'张三',
            age:20,
            sex:'男'
        }

2. 通过 new Object() 的方式创建对象:

// 通过 new Object() 的方式创建对象
        var obj = new Object();
        obj.name = '李四';  // 通过 obj.属性/方法 这种方式向obj添加属性/方法
        obj.age = 21;
        obj.sex = '女';

3. 利用构造函数创建对象:

// 通过 构造函数 创建对象
        function Star(name,age,skill){
            this.name = name;
            this.age = age;
            this.skill = skill;
            this.tellSkill = function(skill){
                return 'My skill is '+skill+'.';
            }
        }
        var jayChou = new Star('周杰伦',48,'rap');
        console.log('Hello,my name is '+jayChou.name+'. My age is '+jayChou.age+'. '+jayChou.tellSkill(jayChou.skill));

二,调用对象属性和方法的方式

调用对象属性:对象名.属性名 或 对象名['属性名'];例如:使用 jayChou.name / jayChou['name'] 即可获取到 jayChou 对象的name属性。

调用对象方法:对象名.函数名();例如:使用 jayChou.tellSkill('要说的技能') 即调用 jayChou 对象的 tellSkill 方法。

三,遍历对象

        var obj = {
            name:'张三',
            age:20,
            sex:'男'
        }
        // 遍历对象
        for(var key in obj){
            console.log('属性名:'+key+', 属性值:'+obj[key]);
        }

 代码执行结果如下图:

 


版权声明:本文为weixin_57244464原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。