JS 键值数组 - JavaScript

在 JavaScript 中，数组既可以包含值类型的元素，也可以存储键值对。

定义一个键值数组

定义一个键值数组需要使用大括号({})将数据包起来，每个键值对之间用逗号修饰，键和值之间使用冒号(:)分隔。

// 定义一个学生对象数组
let students = [
  { name: "Tom", age: 18 },
  { name: "Jerry", age: 20 }
];
console.log(students);
// 输出：[{name: "Tom", age: 18}, {name: "Jerry", age: 20}]

访问键值数组元素

可以使用点(.)或者方括号([])来访问键值数组的元素。

当使用点(.)来访问元素时，需要使用一个合法的标识符来代表键的名称，例如:

console.log(students[0].name); // 输出：Tom
console.log(students[1].age); // 输出：20

当使用方括号([])来访问元素时，需要将键的名称包裹在引号或者单引号里面，例如：

console.log(students[0]["name"]); // 输出：Tom
console.log(students[1]["age"]); // 输出：20

添加新的键值对

可以使用点(.)或者方括号([])来添加新的键值对。

students[0].grade = "A";
students[1]["grade"] = "B";
console.log(students);
// 输出：[{name: "Tom", age: 18, grade: "A"}, {name: "Jerry", age: 20, grade: "B"}]

删除键值对

可以使用 delete 关键字删除数组中的键值对。

delete students[0].grade;
console.log(students);
// 输出：[{name: "Tom", age: 18}, {name: "Jerry", age: 20, grade: "B"}]

遍历键值数组

可以使用 for...of 或者 forEach() 方法来遍历键值数组。

// 使用 for...of 遍历数组，并输出每个元素的 name 属性
for (let student of students) {
  console.log(student.name);
}
// 输出：Tom Jerry

// 使用 forEach() 方法遍历数组，并输出每个元素的 age 属性
students.forEach(function(student) {
  console.log(student.age);
});
// 输出：18 20

总结

在 JavaScript 中，键值数组可以用于存储一组具备映射关系的数据，常常被用作对象数组。我们可以通过点(.)或者方括号([])来访问元素、添加、删除、遍历键值数组中的键值对。