16 JavaScript中的对象与数组的字面量

在本篇教程中，我们将探讨如何使用对象与数组的字面量来定义和操作 JavaScript 中的数据结构。这一内容将为您在接下来的数组操作篇打下坚实的基础。

字面量简介

在 JavaScript 中，字面量是创建对象和数组的最简便方法。我们使用字面量语法可以快速地定义数据结构，而无需使用构造函数或类。

对象字面量

对象字面量使用大括号 {} 包围一组键值对，其语法结构如下：

let person = {
    name: "Alice",
    age: 25,
    isStudent: false
};

在这个示例中，我们定义了一个名为 person 的对象，它有三个属性：name、age 和 isStudent。

访问对象属性

可以通过点 (.) 或方括号 ([]) 访问对象的属性：

console.log(person.name);        // 输出: Alice
console.log(person["age"]);      // 输出: 25

数组字面量

数组字面量使用方括号 [] 包围一组值，其语法结构如下：

let fruits = ["Apple", "Banana", "Cherry"];

在这个示例中，我们定义了一个名为 fruits 的数组，包含了三种水果。

访问数组元素

您可以通过索引访问数组中的元素，索引从 0 开始：

console.log(fruits[0]);  // 输出: Apple
console.log(fruits[2]);  // 输出: Cherry

结合对象与数组

您可以将对象与数组结合起来，从而形成更复杂的数据结构。例如，您可以在数组中存储多个对象，每个对象可以表示一个用户的信息：

let users = [
    { name: "Alice", age: 25 },
    { name: "Bob", age: 30 },
    { name: "Charlie", age: 28 }
];

访问复杂结构

要访问上述数组中对象的属性，您可以嵌套使用方括号和点符号：

console.log(users[1].name);  // 输出: Bob
console.log(users[0].age);    // 输出: 25

更新对象和数组

您可以通过对象的属性和数组的索引修改其值：

更新对象值

person.age = 26;              // 更新年龄
console.log(person.age);      // 输出: 26

更新数组值

fruits[1] = "Strawberry";     // 更新第二个水果
console.log(fruits[1]);       // 输出: Strawberry

总结

在本篇文章中，我们深入探讨了 JavaScript 中的对象与数组字面量的创建和基本操作。通过实例，您可以看到如何定义简单的数据结构，以及如何访问和更新它们。这将为您在下一篇关于数组的基本操作中，处理更复杂的数组情况奠定基础。

在下篇文章中，我们将更详细地讲解数组的各种操作，包括添加、删除和循环处理数组元素。希望您继续关注！