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