📜  javascript 对象 (1)

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

JavaScript 对象

在 JavaScript 中,对象是一种复合数据类型,它将数据和行为组合在一起。

一个 JavaScript 对象是由一个或多个属性组成的集合,每个属性包含一个名称和一个值。属性的值可以是函数、对象或基本数据类型值。对象可以让程序员模拟真实世界的实体,比如人、车、房子等等。

创建对象

我们可以使用对象字面量的形式创建对象。对象字面量是一种简单的方式,可以在创建对象时填充属性。

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

console.log(person);     // { name: 'John', age: 30, gender: 'male' }
console.log(person.name);// John

我们还可以使用构造函数来创建对象,构造函数是一种特殊的函数,它用于创建对象并给对象属性赋初值。

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

const person = new Person('John', 30, 'male');
console.log(person);     // Person { name: 'John', age: 30, gender: 'male' }
console.log(person.name);// John
访问属性

我们可以使用 .[] 操作符来访问对象的属性。 . 操作符用于访问一个已知名称的属性, [] 操作符用于访问一个动态名称的属性。

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

console.log(person.name);// John
console.log(person['age']);// 30
添加和删除属性

我们可以使用 . 或者 [] 操作符来添加和删除对象的属性。

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

person.email = 'john@example.com';
console.log(person);// { name: 'John', age: 30, gender: 'male', email: 'john@example.com' }

delete person.email;
console.log(person);// { name: 'John', age: 30, gender: 'male' }
对象方法

对象可以包含函数属性,这些属性被称为方法。方法可以通过对象进行调用。

const person = {
  name: 'John',
  age: 30,
  gender: 'male',
  getInfo: function() {
    return `Name: ${this.name}, Age: ${this.age}, Gender: ${this.gender}`;
  }
};

console.log(person.getInfo());// Name: John, Age: 30, Gender: male
对象遍历

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

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

for(let propertyName in person) {
  console.log(`${propertyName}: ${person[propertyName]}`);
}

/* Output
name: John
age: 30
gender: male
*/
深度克隆对象

我们可以使用 JSON.parse() JSON.stringify() 方法来深度克隆一个对象。

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

const clone = JSON.parse(JSON.stringify(person));
console.log(clone);// { name: 'John', age: 30, gender: 'male' }

以上就是 JavaScript 对象的基本知识。对象是一个非常重要的 JavaScript 概念,掌握它对于你成为一名优秀的 JavaScript 开发人员非常重要。