返回

JavaScript对象的奥秘:深入浅出掌握对象创建与操作

前端

在JavaScript中,对象是一种复杂的数据类型,它可以存储多个属性和方法。对象是通过使用大括号{}创建的,属性和方法都是键值对形式存储在对象中。属性是对象的特性,方法是对象的函数。

创建对象有两种方法:对象字面量和构造函数。对象字面量是使用大括号{}创建的,如:

const person = {
  name: "John Doe",
  age: 30,
  city: "New York"
};

构造函数是使用new创建的,如:

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

const person = new Person("John Doe", 30, "New York");

对象可以通过点号(.)访问属性和方法,如:

console.log(person.name); // John Doe
console.log(person.age); // 30
console.log(person.city); // New York

person.name = "Jane Doe";
person.age = 31;
person.city = "Los Angeles";

console.log(person.name); // Jane Doe
console.log(person.age); // 31
console.log(person.city); // Los Angeles

对象还可以通过方括号[]访问属性和方法,如:

console.log(person["name"]); // John Doe
console.log(person["age"]); // 30
console.log(person["city"]); // New York

person["name"] = "Jane Doe";
person["age"] = 31;
person["city"] = "Los Angeles";

console.log(person["name"]); // Jane Doe
console.log(person["age"]); // 31
console.log(person["city"]); // Los Angeles

对象的操作方法包括:

  • Object.keys():返回对象的所有属性的键名数组。
  • Object.values():返回对象的所有属性的值数组。
  • Object.entries():返回对象的所有属性的键值对数组。
  • Object.assign():将一个或多个对象的属性复制到另一个对象中。
  • Object.freeze():冻结一个对象,使其属性和方法都不能被修改。
  • Object.seal():密封一个对象,使其属性只能被读取,不能被修改。

通过对JavaScript对象全面的了解,您将能够轻松应对各种复杂的数据结构,让您的编程之旅更加轻松自如。