Javascript中Object使用详解
简介
在Javascript中,Object是所有类的根源,几乎所有的对象都是Object的实例,Object可以看做是Javascript中所有类中共有的属性和方法的集合。
在本文中,我们将详细介绍在Javascript中如何使用Object。
基本语法
创建Object有两种方式:使用Object构造函数或使用对象字面量表示法。
使用Object构造函数
使用Object构造函数创建对象的语法如下:
var obj = new Object();
这会创建一个空的对象实例,并且我们可以添加属性和方法:
var obj = new Object();
obj.name = "John";
obj.age = 25;
obj.sayHello = function() {
console.log("Hello, my name is " + this.name + " and I am " + this.age + " years old.");
}
使用对象字面量表示法
使用对象字面量表示法可以更简单地创建对象:
var obj = {
name: "John",
age: 25,
sayHello: function() {
console.log("Hello, my name is " + this.name + " and I am " + this.age + " years old.");
}
};
属性的访问
访问对象属性有两种方式:使用点(.)表示法或者使用中括号([])表示法。
使用点(.)表示法
使用点(.)表示法访问对象属性的语法如下:
var obj = {name: "John", age: 25};
console.log(obj.name); //John
console.log(obj.age); //25
使用中括号([])表示法
使用中括号([])表示法访问对象属性的语法如下:
var obj = {name: "John", age: 25};
console.log(obj["name"]); //John
console.log(obj["age"]); //25
方法的调用
使用对象字面量表示法的方法可以调用对象的方法:
var obj = {
name: "John",
age: 25,
sayHello: function() {
console.log("Hello, my name is " + this.name + " and I am " + this.age + " years old.");
}
};
obj.sayHello(); //Hello, my name is John and I am 25 years old.
内置方法
Object还有一些内置方法可以用于操作对象:
Object.keys()
Object.keys()方法返回一个数组,其中包含对象的所有属性名:
var obj = {name: "John", age: 25, gender: "male"};
var keys = Object.keys(obj);
console.log(keys); //["name", "age", "gender"]
Object.values()
Object.values()方法返回一个数组,其中包含对象的所有属性值:
var obj = {name: "John", age: 25, gender: "male"};
var values = Object.values(obj);
console.log(values); //["John", 25, "male"]
示例
下面是两个示例,演示了如何使用Object来创建和操作对象:
示例1:使用Object构造函数创建并访问对象
var person = new Object();
person.firstName = "John";
person.lastName = "Doe";
person.age = 25;
person.getFullName = function() {
return this.firstName + " " + this.lastName;
};
console.log(person.firstName); //John
console.log(person.age); //25
console.log(person.getFullName()); //John Doe
示例2:使用对象字面量表示法创建并操作对象
var car = {
make: "Toyota",
model: "Camry",
year: 2015,
getCarInfo: function() {
return this.make + " " + this.model + " " + this.year;
}
};
console.log(car.make); //Toyota
console.log(car.year); //2015
console.log(car.getCarInfo()); //Toyota Camry 2015
总结
本文介绍了Javascript中使用Object的基本语法,包括对象创建、属性访问、方法调用和内置方法的使用。通过示例,我们可以了解如何使用Object来创建和操作对象。
本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:javascript中Object使用详解 - Python技术站