深入浅出剖析JS对象基本用法，让你眼前一亮！

2023-12-03 13:33:53

JavaScript对象基本用法

对象是JavaScript中一种基本的数据结构，它由一组键值对组成，键名是字符串，而键值可以是任何类型的值。对象可以用于存储数据、组织数据或表示现实世界中的实体。

对象的创建

创建对象有两种方式：

对象字面量

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

new Object()

const person = new Object();
person.name = "John";
person.age = 30;
person.city = "New York";

访问对象属性

可以使用点号(.)或方括号([])来访问对象属性。点号(.)用于访问对象中已有的属性，而方括号([])用于访问对象中不存在的属性。

const name = person.name; // "John"
const age = person["age"]; // 30

修改对象属性

可以使用点号(.)或方括号([])来修改对象属性。点号(.)用于修改对象中已有的属性，而方括号([])用于修改对象中不存在的属性。

person.name = "Jane"; // 修改name属性的值
person["age"] = 31; // 修改age属性的值

对象属性的添加和删除

可以使用方括号([])来添加和删除对象属性。

person["job"] = "Software Engineer"; // 添加job属性
delete person.city; // 删除city属性

数组对象

数组对象是JavaScript中的一种特殊对象，它可以存储多个值，并且这些值可以是任何类型。数组对象的索引是从0开始的，并且可以使用方括号([])来访问数组中的元素。

const numbers = [1, 2, 3, 4, 5];
const firstNumber = numbers[0]; // 1

对象的遍历

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

for (const key in person) {
  console.log(key, person[key]);
}

对象的原型

每个对象都有一个原型对象，原型对象是另一个对象，它包含了一些属性和方法，这些属性和方法可以被对象继承。对象的原型对象可以通过Object.getPrototypeOf()方法来获取。

const personPrototype = Object.getPrototypeOf(person);

面向对象编程

JavaScript是一种面向对象编程语言，这意味着它支持类和对象。类是对象的模板，它定义了对象的属性和方法。对象是类的实例，它具有类的所有属性和方法。

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

  greet() {
    console.log(`Hello, my name is ${this.name} and I am ${this.age} years old.`);
  }
}

const person = new Person("John", 30, "New York");
person.greet(); // "Hello, my name is John and I am 30 years old."