基于jquery循环map功能的代码的$().each和$.each

chelen_jak

于 2014-07-09 21:07:55 发布

阅读量838

点赞数

分类专栏： jQuery 实用

实用同时被 2 个专栏收录

738 篇文章

订阅专栏

jQuery

87 篇文章

订阅专栏

本文介绍了一种使用jQuery的each方法来遍历类似Map结构的数据，并保持键值对的顺序一致性的方法。通过示例代码展示了如何遍历一个包含地名和民族等信息的Map，同时介绍了$().each与$.each的区别。

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

转自： http://www.jb51.net/article/26371.htm

前些天记录了java中for循环取map，发现用jquery的each一样可以取map（我称之为js的map，不要较劲），且顺序和map中顺序一致。废话少说，看代码

var map = { 
地名: ["北京","天津","上海"], 
民族: ["汉族","藏族","维吾尔族"] 
}; 

$.each(map,function(key,values){ 
console.log(key); 
$(values).each(function(){ 
console.log("\t" + this); 
}); 
});

如果安装了firebug，控制台输出如下树状结构：

地名
　　北京
　　天津
　　上海
民族
　　汉族
　　藏族
　　维吾尔族

注意：jquery中的$().each和$.each的区别，前者只能遍历数组，后者可以遍历数组和对象

备注：sinobook项目中地名本体相关地按类型分类，后台包的是一个map(key是关系类型，value是一个list)，前台可用上述方式输出