javascript学习(七)对象

1.自定义对象

js所有的事物都是对象,对象只是带有属性和方法的特殊数据类型;通过 JavaScript,您能够定义并创建自己的对象。
方法一:
var obj = {属性名:值},如:

var obj2 = {x : 1, "y" : 2, 'z' : 3};

这里的属性名可以不放在引号中,但是有些情况必须放在引号中,如属性名是保留字符;属性名中包含特殊字符(除字符、数字和下划线以外的字符);属性名以数字开头。

方法二:
可以通过new关键字来创建对象,如:

var obj3 = new Object();

方法三:
通过构造函数创建对象,如:

function Test() {

        }
var obj4 = new Test();

function Test2(num1, num2) {
    this.n1 = num1;
    this.n2 = num2;
}

var obj5 = new Test2(5, 6);

我们也可以通过instanceof来检测一个对象是否由指定的构造器函数创建的,如:

alert(obj5 instanceof Test2);

方法四:
我们也可以通过Object.create()创建对象,如

var obj6 = Object.create({x : 1});
var obj7 = Object.create(null);
var obj8 = Object.create(Object.prototype); //创建普通的空对象

2.属性的相关操作

(1)访问属性
对象名.属性名
对象名[属性名]
当处于某一对象方法内部的时候,可以通过this来访问这一对象的属性。

var person = {
    username: "xiaoming",
    age : 12,
    salary:10000,
    addr:"安徽",
    sex : "男"
};
console.log(person.username + "\n");
console.log(person['age'] + '\n');

var key = "username";
console.log(person[key]);  //这时候必须使用[]来获取属性值

function personInfo(name, age, sex) {
    this.name = name;
    this.age = age;
    this.sex = sex;
}

var person2 = new personInfo('aaa', 15, '男');
console.log(person2.name + "," + person2['age']);

(2)添加属性
对象名.属性名 = 值
对象名[属性名] = 值

var obj = {};
obj.name = "bbb";
obj['age'] = 12;
obj.sex = '男';

(3)修改属性
修改属性的方法和添加属性方法一样,这里就不多做介绍了。

(4)删除属性
delete 对象名.属性名
delete 对象名[属性名]

var obj = {};
obj.name = "bbb";
obj['age'] = 12;
obj.sex = '男';

console.log(obj.name);
console.log(obj.age);
delete obj.name;
delete obj['age'];
console.log(obj.name);
console.log(obj.age);

(5)遍历属性
可以使用for in遍历对象

var obj = {};
obj.name = "bbb";
obj['age'] = 12;
obj.sex = '男';

for(var p in obj) {
    console.log(p + ":" + obj[p]);
}

3.方法

对象中也可以定义方法
对象名.方法名()

var obj2 = {
   name: "xiaoming",
   age : 12,
   sex : "男",
   info:function () {
       return "用户名" + this.name + "," + this.age + "," + this.sex;
   }
}
console.log(obj2.info());
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值