📜  JavaScript |对象(1)

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

JavaScript | 对象

在 JavaScript 中,对象是一种包含属性和方法的数据类型。对象可以用于表示现实世界中的实体或可操作的事物。

创建对象

在 JavaScript 中,对象可以通过多种方式创建,其中最常见的是字面量表示法和构造函数。

使用字面量表示法

使用字面量表示法创建对象时,可以直接在代码中编写对象的属性和方法。例如:

const person = {
  name: 'Alice',
  age: 25,
  sayHello: function() {
    console.log('Hello!');
  }
};

这个代码片段中,我们创建了一个名为 person 的对象,它有两个属性 nameage,以及一个方法 sayHello

使用构造函数

使用构造函数创建对象时,可以先定义一个构造函数,并在需要创建对象时使用 new 关键字来调用它。例如:

function Person(name, age) {
  this.name = name;
  this.age = age;
  
  this.sayHello = function() {
    console.log('Hello!');
  }
}

const person = new Person('Alice', 25);

在这个代码片段中,我们定义了一个名为 Person 的构造函数,它有两个参数 nameage,并定义了一个方法 sayHello。我们使用 new 关键字调用 Person 构造函数来创建一个名为 person 的对象,并传入相应的参数。

访问对象属性和方法

对象的属性和方法可以使用点(.)表示法或者方括号([])表示法来访问。例如,我们可以使用以下代码片段来访问 person 对象中的属性和方法:

console.log(person.name); // Alice
console.log(person['age']); // 25
person.sayHello(); // Hello!
修改对象属性和方法

对象的属性和方法可以通过赋值运算符(=)来修改。例如,我们可以使用以下代码片段来修改 person 对象中的属性和方法:

person.name = 'Bob';
person.age = 30;
person.sayHello = function() {
  console.log('Hi!');
}
删除对象属性和方法

对象的属性和方法可以使用 delete 关键字来删除。例如,我们可以使用以下代码片段来删除 person 对象中的 age 属性:

delete person.age;
遍历对象属性和方法

使用 for...in 循环可以遍历对象的属性和方法。例如:

for (let prop in person) {
  console.log(prop + ': ' + person[prop]);
}

这个代码片段会输出 person 对象中的所有属性和方法。

总结

JavaScript 中的对象是一种非常有用且强大的数据类型,提供了表示现实世界中的实体或可操作的事物的能力。对象可以通过字面量表示法或构造函数创建,可以使用点表示法或方括号表示法来访问、修改或删除对象的属性和方法,可以使用 for...in 循环来遍历对象的属性和方法。