js创建对象的三种方式(包括遍历和调用)

js创建对象的三种方式

用对象的字面量创建

// 第一种创建方法
    var obj = {
        uname: '电脑',
        color: '黑色',
        weight: '10kg',
        pingpai: 'Microsoft',
        xinghao: 'jixiegeming',
        ability: function () {
            alert('看电影');
            alert('听音乐');
            alert('敲代码');
        }
    }

注意:对象里的每个属性之间以逗号间隔

采用new Object创建对象

// 第二种创建方法
    var obj = new Object();
    obj.width = 1000;
    obj.height = 1000;
    obj.background_color = 'red';
    obj.ability = function () {
        alert('点击');
    }

先利用new Object创建一个空对象,然后再通过赋值为对象添加属性和方法

通过构造函数创建对象

// 第三种创建方法
    function Car(wight, color, pinpai) {
        this.weight = weight;
        this.color = color;
        this.pinpai = pinpai;
        this.ability = function (ability) {
            alert(ability);
        }
    }

对于相同类型的对象,我们创建时会写很多重复代码,所以此时我们采用构造函数的方法创建对象

对象的调用和遍历

调用

第一种:对象名.属性(或方法),方法要加括号
第二种:对象名[‘属性’]

遍历

有时候属性值过多,要得到这个对象,一个一个调用就很麻烦;所以诞生出了一种对对象的遍历方法:

for(var k in obj){
    console.log(obj[k]);
}

此时k代表的是对象的属性值(属性值不用加引号)

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

漠–

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值