JavaScript 对象

JavaScript 对象是一个可以存储多个键值对的变量。

// student object
const student = {
    firstName: "Jack",
    rollNo: 32 
};

console.log(student);

// Output: { firstName: 'Jack', rollNo: 32 }

创建 JavaScript 对象

JavaScript 对象的语法是

const objectName = {
    key1: value1,
    key2: value2,
    ...,
    keyN: valueN
};

这里，

• objectName - 对象的名称。
• key1: value1 - 第一个键值对。
• key2: value2 - 第二个键值对。
• keyN: valueN - 第 N 个键值对。

每个键值对之间用冒号 : 分隔，并用逗号 , 分隔。

示例 1: JavaScript 对象

// create person object
const person = {
    name: "John",
    age: 20
};

console.log(person);

// Output: { name: "John", age: 20 }

在上面的示例中，name: "John" 和 age: 30 是键值对。

const person = { name: "John", age: 20 };

JavaScript 对象属性

在 JavaScript 中，对象的键值对被称为属性。例如，

const person = {
    name: "John",
    age: 20,
};

在这里，name: "John" 和 age: 30 是 person 对象的属性。

访问对象属性

您可以使用键来访问属性的值。

1. 使用点表示法

const dog = {
    name: "Rocky",
};

// access property
console.log(dog.name);

// Output: Rocky

2. 使用方括号表示法

const cat = {
    name: "Luna",
};

// access property
console.log(cat["name"]);

// Output: Luna

JavaScript 对象操作

在 JavaScript 中，我们可以对对象属性执行各种操作，例如修改、添加、删除等。让我们讨论其中一些。

1. 修改对象属性

我们可以通过为现有键分配新值来修改对象属性。例如，

const person = {
    name: "Bobby",
    hobby: "Dancing",
};

// modify property
person.hobby = "Singing";

// display the object
console.log(person);

// Output: { name: 'Bobby', hobby: 'Singing' }

在上面的示例中，我们使用点表示法将 hobby 键的值从 Dancing 更改为 Singing。

2. 添加对象属性

const student = {
    name: "John",
    age: 20,
};

// add properties
student.rollNo = 14;
student.faculty = "Science";

// display the object
console.log(student);

// Output: { name: 'John', age: 20, rollNo: 14, faculty: 'Science' }

在上面的示例中，键 rollNo 和 faculty 不存在于对象中。因此，当我们为这些键分配值时，会将新属性添加到对象中。

3. 删除对象属性

我们可以使用 delete 运算符从对象中删除属性。例如，

const employee = {
    name: "Tony",
    position: "Officer",
    salary: 30000,
};

// delete object property
delete employee.salary

// display the object
console.log(employee);

// Output: { name: 'Tony', position: 'Officer' }

JavaScript 对象方法

我们还可以将函数包含在对象中。例如，

const person = {
    name: "Bob",
    age: 30,

    // use function as value
    greet: function () {
        console.log("Bob says Hi!");
    }
};

// call object method
person.greet();  // Bob says Hi!

在这里，我们将一个函数作为 greet 键的值进行了分配。

这些在对象内部定义的函数称为方法。

注意: 就像我们使用 () 来调用函数一样，我们必须使用 () 来调用方法。

您将在下一个教程中了解更多关于 JavaScript 方法 的信息。

// outer object student
const student = {
    name: "John",
    age: 20,

    // contains another object marks
    marks: {
        science: 70,
        math: 75
    }
};

// display student
console.log(student);


// Output: { name: 'John', age: 20, marks: { science: 70, math: 75 } }

const student = {
    name: "John",
    age: 20,

    marks: {
        science: 70,
        math: 75
    }
};

// use dot notation
console.log(student.marks.science);  // 70


// use bracket notation
console.log(student["marks"]["math"]);  // 75

另请阅读

• 创建对象的不同方法
• JavaScript 构造函数
• JavaScript 原型