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());
相关文章推荐
- JavaScript 学习笔记 之 JavaScript 核心语言对象
- [翻译]javascript学习笔记 (三)-window对象
- JavaScript学习记录(对象)
- JavaScript学习-string对象
- JavaScript学习-Object对象
- [JavaScript]Object(对象)学习
- JavaScript 学习_4_原型_对象_继承
- asp.net ajax 学习笔记--对javascript对象的扩展
- JavaScript学习之一:采用哪种方式定义类或对象?
- 学习javascript对象创建方法(参照别人代码,持续更新)
- javascript学习随笔(Navigator 对象)
- 学习 Javascript 正则表达式(一)————使用正则表达式对String对象解析
- Javascript学习笔记--Object对象
- javascript入门经典学习四(对象,流程控制,函数)
- [导入]Silverlight 2学习教程(六):Silverlight托管代码调用Javascript中的JSON对象
- javascript学习笔记(一)--对象
- Javascript学习笔记(二)Javascript核心之对象和数组
- javascript学习手记(JavaScript对象)
- 学习Javascript中的对象用法学习笔记
- JavaScript 学习_3.使用对象直接创建对象