JavaScript对象的相关操作小结
1. JavaScript对象介绍
JavaScript对象是一种复合数据类型,可以用于存储同一类型的数据。
2. 创建JavaScript对象的三种方式
JavaScript对象可以通过字面量、构造函数和Object.create()创建。
2.1 字面量创建对象
示例代码:
var obj = {
name: "Tom",
age: 18
};
2.2 构造函数创建对象
示例代码:
function Person(name, age) {
this.name = name;
this.age = age;
}
var obj = new Person("Tom", 18);
2.3 Object.create()创建对象
示例代码:
var obj1 = {
name: "Tom",
age: 18
};
var obj2 = Object.create(obj1);
3. JavaScript对象属性的增删改查
JavaScript对象的属性可以通过以下方式进行增删改查。
3.1 增加属性
可以通过以下两种方式增加属性。
3.1.1 直接赋值
示例代码:
var obj = {};
obj.name = "Tom";
obj.age = 18;
3.1.2 使用Object.defineProperty()方法定义属性
示例代码:
var obj = {};
Object.defineProperty(obj, 'name', {
value: 'Tom'
});
3.2 删除属性
可以通过以下两种方式删除属性。
3.2.1 使用delete关键字
示例代码:
var obj = {
name: "Tom",
age: 18
};
delete obj.name;
3.2.2 使用Object.defineProperty()方法重新定义属性
示例代码:
var obj = {
name: "Tom",
age: 18
};
Object.defineProperty(obj, 'name', {
value: undefined
});
3.3 修改属性
可以通过以下两种方式修改属性。
3.3.1 直接赋值
示例代码:
var obj = {
name: "Tom",
age: 18
};
obj.age = 19;
3.3.2 使用Object.defineProperty()方法重新定义属性
示例代码:
var obj = {
name: "Tom",
age: 18
};
Object.defineProperty(obj, 'age', {
value: 19
});
3.4 查找属性
JavaScript对象的属性可以通过以下两种方式进行查找。
3.4.1 使用“.”符号
示例代码:
var obj = {
name: "Tom",
age: 18
};
console.log(obj.name);
3.4.2 使用“[]”符号
示例代码:
var obj = {
name: "Tom",
age: 18
};
console.log(obj['name']);
4. JavaScript对象的遍历方法
JavaScript对象的属性可以通过以下几种方式进行遍历。
4.1 for...in循环
示例代码:
var obj = {
name: "Tom",
age: 18
};
for (var key in obj) {
console.log(key + ":" + obj[key]);
}
4.2 Object.keys()方法
示例代码:
var obj = {
name: "Tom",
age: 18
};
var keys = Object.keys(obj);
for (var i = 0; i < keys.length; i++) {
console.log(keys[i] + ":" + obj[keys[i]]);
}
5. JavaScript对象的继承方法
JavaScript对象可以通过以下两种方式进行继承。
5.1 原型继承
示例代码:
var parent = {
name: "Tom",
age: 40
};
var child = Object.create(parent);
5.2 构造函数继承
示例代码:
function Person(name, age) {
this.name = name;
this.age = age;
}
function Student(name, age, score) {
Person.call(this, name, age);
this.score = score;
}
var s = new Student("Tom", 18, 100);
以上便是JavaScript对象的相关操作小结,希望能对你有所帮助。
本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:javascript对象的相关操作小结 - Python技术站