您的位置:首页 > Web前端 > JavaScript

javascript学习(七)对象

2016-12-12 12:22 183 查看

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());
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: