JavaScript 对象

    在本教程中，您将借助示例了解 JavaScript 对象。
    在JavaScript 数据类型教程中，您了解了 7 种不同的原始数据类型。在这里，您将了解第八种数据类型（JavaScript 对象）。
    JavaScript 对象是一种非基本数据类型，允许您存储多个数据集合。
    注意：如果您熟悉其他编程语言，JavaScript 对象会有些不同。您无需创建类即可创建对象。
    这是一个 JavaScript 对象的示例。

// object
const student = {
    firstName: 'ram',
    class: 10
};

    这里，student 是一个存储诸如字符串和数字之类的值的对象。

JavaScript 对象声明

    声明对象的语法是：

const object_name = {
   key1: value1,
   key2: value2
}

    这里定义了一个对象 object_name。对象的每个成员都是一个键：值对，用逗号分隔，并用大括号 { } 括起来。
    例如，

// object creation
const person = { 
    name: 'John',
    age: 20
};
console.log(typeof person); // object

    您还可以在一行中定义一个对象。

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

    在上面的例子中，name 和 age 是键，John 和 20 分别是值。
    还有其他方法可以在 JavaScript 中声明对象。要了解更多信息，请访问声明JavaScript对象的不同方法。

JavaScript 对象属性

    在 JavaScript 中，“键：值” 对被称为属性。例如，

let person = { 
    name: 'John',
    age: 20
};

    这里，name: ‘John’ 和 age: 20 是属性。

JavaScript 对象属性

访问对象属性

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

1. 使用点符号

    这是点符号的语法

objectName.key

    例如，

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

// accessing property
console.log(person.name); // John

2. 使用括号表示法

    这是括号符号的语法。

objectName["propertyName"]

    例如，

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

// accessing property
console.log(person["name"]); // John

JavaScript 嵌套对象

    一个对象也可以包含另一个对象。例如，

// nested object
const student = { 
    name: 'John', 
    age: 20,
    marks: {
        science: 70,
        math: 75
    }
}

// accessing property of student object
console.log(student.marks); // {science: 70, math: 75}

// accessing property of marks object
console.log(student.marks.science); // 70

    在上面的示例中，对象 student 在 marks 属性中包含一个对象值。

JavaScript 对象方法

    在 JavaScript 中，一个对象也可以包含一个函数。例如，

const person = {
    name: 'Sam',
    age: 30,
    // using function as a value
    greet: function() { console.log('hello') }
}

person.greet(); // hello

    这里，一个函数被用作 greet 键的值。这就是为什么我们需要使用 person.greet() 而不是 person.greet 调用对象内部的函数。
    JavaScript 方法是包含函数声明的属性。在下一个教程中，您将详细了解 JavaScript 方法。

上一教程 ：JS Recursion                                         下一教程 ：JS Methods

参考文档

[1] Parewa Labs Pvt. Ltd. (2022, January 1). Getting Started With JavaScript, from Parewa Labs Pvt. Ltd: https://www.programiz.com/javascript/object