JavaScript 中 Map 与 List 的遍历方法详解

作者:代码拾荒

时间:2026-10-27

浏览:340

本文介绍在 JavaScript 中遍历 Map 和 List 的两种常见方式。对于 Map,使用 for...in 遍历可能获取到 undefined 键,推荐使用 jQuery 的 $.each 方法安全获取键值对。对于 List,则通过标准 for 循环按索引访问元素,确保数据处理的准确性与效率。

文章目录

Map 对象遍历方法

Map 对象(例如 exMap:{"name":"abc","sex":'male'}):


当不知道具体 key 时,需要遍历整个 map:


网上曾流传一种做法:


代码如下:

 
for(var key in exMap){
Console.write("key:"+key+";value:"+exMap[key]);//经我考证,the key is undefined.So the method is not right.
} 

另一种方法(推荐):


代码如下:

 
$.each(exMap,function(key,value){
Console.wiite("key:"+key+";value:"+value);
}); 

如果已知具体的 key,遍历 map 就像访问数组一样直接,此处不再赘述。


List 列表遍历方法

List 的访问非常简单:


代码如下:

 
for(var i =0;i<list.length;i++){
value = list[i]
} 

参考(jquery筛选数组之grep、each、inArray、map的用法及遍历json对象 ):


http://sjolzy.cn/jquery-selection-and-use-of-an-array-of-grepeachinArraymap-json-object-traversal.html

实用工具推荐

电子包浆

绿化、压缩、噪点和虚拟水印,自由调节做旧程度。

使用 ›
图片压缩

选择画质和输出格式,预览压缩前后的大小。

使用 ›
相关文章