关联数组(也称为散列或字典)是一种常见的数据结构,它能够将键和值相关联,并且可以通过键来访问值。在 JavaScript 中,我们可以使用对象(Object)来创建关联数组。
创建关联数组
要创建一个关联数组,您可以使用对象字面量(Object Literal)语法或者使用 new Object()
构造函数来创建一个空对象,然后向其中添加属性和值。
// 使用对象字面量语法创建关联数组 const person = { name: 'Alice', age: 30, occupation: 'Engineer' }; // 使用构造函数创建关联数组 const cityPopulation = new Object(); cityPopulation['New York'] = 8537673; cityPopulation['Los Angeles'] = 3976322;
上述示例中,person
和 cityPopulation
都是关联数组,它们分别关联了人员信息和城市人口数据。
访问关联数组的值
要访问关联数组中的值,您可以使用点号.
操作符或者方括号[]
操作符,两者的作用相同。
console.log(person.name); // 输出 "Alice" console.log(cityPopulation['New York']); // 输出 8537673
遍历关联数组
JavaScript 中的 for...in
循环可以用来遍历关联数组中的所有属性。在循环体内,您可以使用方括号[]
操作符来访问当前属性的键和值。
for (const key in person) { console.log(`${key}: ${person[key]}`); }
上述示例中,循环将依次输出 name: Alice
、age: 30
和 occupation: Engineer
。
删除关联数组中的元素
要从关联数组中删除一个元素,您可以使用 delete
操作符。注意,这不会改变数组的长度,只是将指定的键和值从数组中删除掉。
delete person.occupation; console.log(person); // 输出 { name: 'Alice', age: 30 }
总结
本文介绍了 JavaScript 中如何创建、访问、遍历和删除关联数组。关联数组是一种非常实用的数据结构,在编写前端应用程序时经常用到。希望上述内容能对您学习和编写 JavaScript 前端代码有所帮助。
来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/8233