📜  JavaScript 对象完整参考(1)

📅  最后修改于: 2023-12-03 15:31:42.421000             🧑  作者: Mango

JavaScript 对象完整参考

JavaScript 中的对象是一种键-值对的结构,它是一种非常重要的数据类型。在本参考中,我们将介绍 JavaScript 对象的所有方面,包括创建、访问、修改和删除对象属性,以及遍历对象。

创建对象

在 JavaScript 中,有多种创建对象的方法,包括使用对象字面量、构造函数和 Object.create() 方法。

对象字面量

对象字面量是一种非常常见和简单的创建对象的方式,它使用花括号 {} 来定义一个对象,并使用逗号分隔每个属性和属性值对。

const myObject = {
  name: "John",
  age: 30,
  gender: "male"
};
构造函数

构造函数是一种创建对象的高级方式。它使用一个函数来定义对象的属性和方法。在函数中,使用 this 关键字来引用正在创建的对象。

function Person(name, age, gender) {
  this.name = name;
  this.age = age;
  this.gender = gender;
}

const myPerson = new Person("John", 30, "male");
Object.create() 方法

Object.create() 方法会创建一个新对象,并将其原型设置为传递给该方法的对象。

const person = {
  name: "John",
  age: 30,
  gender: "male"
};

const myPerson = Object.create(person);
myPerson.name = "Jane";
访问对象属性

可以使用点号(.)和方括号([])来访问对象的属性。

const myObject = {
  name: "John",
  age: 30,
  gender: "male"
};

console.log(myObject.name); // John
console.log(myObject["age"]); // 30
修改对象属性

可以使用点号(.)和方括号([])来修改对象的属性。

const myObject = {
  name: "John",
  age: 30,
  gender: "male"
};

myObject.name = "Jane";
myObject["age"] = 40;
删除对象属性

可以使用 delete 关键字来删除对象的属性。

const myObject = {
  name: "John",
  age: 30,
  gender: "male"
};

delete myObject.name;
遍历对象

可以使用 for...in 循环来遍历对象的属性。

const myObject = {
  name: "John",
  age: 30,
  gender: "male"
};

for (let key in myObject) {
  console.log(key + ": " + myObject[key]);
}