JavaScript中关联数组的用法分析_js定义关联数组-优快云博客

本文链接：https://blog.youkuaiyun.com/gladtomeetyou/article/details/7906089

本文探讨了JavaScript中关联数组的定义和用法，通过多个链接资源深入解析其与普通数组的区别，以及如何利用关联数组进行面向对象编程，强调了关联数组在提高代码可读性和维护性上的优势。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

前言

最近用到了JavaScript中的关联数组，关联数组因为有key值的索引，所以在数组查找中比较便利，同时也使得相应的代码算法实现显得更清晰，易读易维护。下面是JavaScript中关联数组的一些用法分析。

正文

一.关联数组
１. 关联数组定义

// 定义空数组 
var arr = [];
//or
var arr = {};

2. 关联数组赋值

//在定义时同时赋值
var arr = {"one":"valOne","two":"valTwo"};
// 已定义的关联数组赋值
arr["one"] = "valOne";
arr.one = "valOne";

3. 向关联数组添加键值

// 添加一个新键three ，键值为valThree 
arr["three"] = "valThree";
arr.three = "valThree";

4. 删除关联数组已有键值

// 删除一个键three，同时该键值对应的valThree也即被删除
delete arr["three"];

5. 关联数组对应键值的获取

//获取值val1
var val = arr["one"];
//or
var val = arr.one;

6. 遍历Hash关联数组

// 遍历整个hash 数组 
for (key in arr) {
    val = arr[key];
}

二. 关于关联数组的用法分析
1. 关联数组&对象
大家会发现JavaScript中关联数组和对象的使用方法有些是一样的，没错，JavaScript中数组是对象的子集（关于更多有关JavaScript中对象的介绍请参考后面的参考文章）。
既然关联数组也是对象，那么关于关联数组的相关使用方法就不难理解了，
如：

var arr = {"one":"valOne","two":"valTwo"};
arr.three = "valThree";

参考：

1. js 关联数组与普通数组
http://wyllife.blog.163.com/blog/static/4116390120115210038676/
2. JS “关联数组”
http://cc.ecjtu.net/posts/js-associative-array
3. Javascript 面向对象编程
http://coolshell.cn/articles/6441.html
4. 再谈javascript面向对象编程
http://coolshell.cn/articles/6668.html