`
hui_jing_880210
  • 浏览: 43389 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

JQuery 遍历map,ArrayList

 
阅读更多

         最近一直在写前端,发现用jquery的each一样可以取map,且顺序和map中顺序一致。

var js = {
		map:{
			班级:["一班","二班","三班"],
			人员:["50人","60人","70人"]
		},
		arrayList :{
				one:1,
				two:2,
				three:3
		},
		//遍历Map
		jsOne : function(){
			$.each(js.map,function(key,values){
				console.log(key);
				$(values).each(function(){
					console.log("\t"+this);
				});
			});
		},
		//遍历数组
		jsTwo : function(){
			$.each(js.arrayList,function(key,values){
				console.log(key);
				console.log(values);
			});
		},
		//过滤数组   筛选出大于5的  用grep方法
		jsThree : function(){
			  var array = [1,2,3,4,5,6,7,8,9];
		       var filterarray = $.grep(array,function(value){
		           return value > 5;
		       });
		       for(var i=0;i<filterarray.length;i++){
		    	   console.log(filterarray[i]);
		       }
		       for (key in filterarray){
		    	   console.log(filterarray[key]);
		       }
		},
		
		//返回该值在数组中的键值  和 value值
		jsFour : function(){
			   var anArray = ['one','two','three'];
		       var index = $.inArray('two',anArray);
		       console.log(index);//返回1
		       console.log(anArray[index]);//value 为two
		},
		
		//json遍历
		jsFive : function(){
			var json = [{aa:'aa'},{bb:'bb'}];
			for(var i=0,l=json.length;i<l;i++){
			   for(var key in json[i]){
				   console.log(key+':'+json[i][key]);
			   }
			}
		}
		
}

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

分享到:
评论

相关推荐

    struts+json+jquery练习小项目包括返回单个字符、对象、list、map

    在页面上,你可以使用jQuery遍历并显示这些数据: ```javascript $.getJSON('objectAndListAction', function(data) { // 显示单个对象 $('#singleObj').text(data.myObject.someProperty); // 显示列表 $....

    jQuery-Easyui 多级菜单 前后台

    List&lt;Map, Object&gt;&gt; parentList = new ArrayList&lt;Map, Object&gt;&gt;(); ``` 这里定义了一个名为`TreeAction`的类,该类包含一个静态序列化ID字段`serialVersionUID`以及一个用于存储多级菜单数据的列表`parentList`。 ...

    jQuery实现动态加载select下拉列表项功能示例

    在成功获取数据后,遍历JSON对象的rows数组,将每个条目添加为新的option元素。 **步骤三:后端处理数据** 在服务器端(这里是Java),我们需要处理请求并返回数据。在这个例子中,我们查询一个服务部门列表,并将...

    java面试题-基础(1).doc

    Java集合框架包括List、Set、Map等接口及其实现类,如ArrayList、LinkedList、HashSet、TreeSet、HashMap、TreeMap等。理解它们的特点和应用场景非常重要,例如List保证元素有序且可重复,Set保证元素唯一但无序,...

    java API帮助文档

    接着,集合框架是Java中处理数据结构的核心,包括`List`、`Set`和`Map`接口,以及它们的实现类如`ArrayList`、`HashSet`、`HashMap`等。这些接口和类提供了添加、删除、查找和遍历元素的方法,方便我们管理和操作...

    Java基础总结.pdf

    8. ArrayList是Java集合框架中的一个动态数组实现,提供了大量用于列表操作的方法,例如add(), remove(), contains(), clear(), get(), isEmpty(), set(), size()等。 9. Iterator接口用于遍历集合中的元素。Java....

    ajax后台处理返回json值示例代码.docx

    6. **数据处理**:遍历`Map`的键值对,创建`TawCommonsUIListItem`对象,并填充其属性,最后将这些对象添加到`itemList`列表中。 7. **设置响应类型**:将响应内容类型设置为JSON格式。 8. **输出JSON**:利用`...

    API20220116.7z

    - 集合框架是Java编程的重要组成部分,包括List、Set、Map等接口以及它们的实现类,如ArrayList、LinkedList、HashSet、HashMap等。 - I/O流处理文件、网络数据、系统输入/输出等,分为字节流和字符流,支持读写操作...

    Java学科面试宝典.pdf

    Java集合框架是存储和管理对象的核心工具,包括List、Set、Queue、Map接口以及ArrayList、LinkedList、HashSet、HashMap等实现类。理解它们之间的区别和应用场景,如线程安全、遍历效率、元素有序性等,是面试中常见...

    java面试宝典题

    Java集合框架主要包括`Collection`和`Map`两大接口,其中`Collection`又分为`List`和`Set`两个主要接口。`List`是有序的集合,可以包含重复元素;`Set`是不重复的集合,无序或按特定顺序排列。 **1.4 多线程** ...

    Java教程以及目标和工作能力

    集合框架包括Collection、List、Set和Map,学习者需要理解它们的区别,掌握如何存储和遍历元素。 异常处理是程序中必不可少的部分,学习者需要学会如何处理和自定义异常。IO流的学习涵盖了File类、递归、字节流、...

    特别适合后台的树形菜单

    在JSP中实现树形菜单,可以先在服务器端通过Java代码生成菜单的数据结构,如ArrayList或Map,然后在JSP页面中遍历这些数据,生成对应的HTML代码。这样做的好处是菜单数据与展示逻辑分离,易于维护和扩展。 Struts是...

    javase相关知识点

    3. List、Set、Map 的特点:List 是有序且允许重复元素的集合,如ArrayList和LinkedList。Set 不允许重复元素,如HashSet和TreeSet。Map 存储键值对,键唯一,如HashMap和TreeMap。 4. Java 流的类型:字节流...

    Java综合笔试题.docx

    10. ArrayList和LinkedList:ArrayList基于动态数组,随机访问速度快,插入删除慢;LinkedList基于链表,插入删除快,随机访问慢。 11. HashSet和TreeSet:HashSet基于哈希表,插入快,元素无序;TreeSet基于红黑树...

    课程讲解文档

    - **jQuery**: jQuery是最流行的JavaScript库之一,它简化了HTML文档遍历、事件处理、动画以及Ajax交互等操作。 - **DWR (Direct Web Remoting)**: DWR是一个用于Ajax开发的Java库,它使得在JavaScript中直接调用...

    java1000题基础百战程序员

    - 数组的操作:遍历、排序等 - **面向对象** - 面向对象的基本概念:封装、继承、多态 - 类与对象 - 构造方法与析构方法 - 继承与抽象类 - 接口与实现 - **异常机制** - 异常处理的重要性 - try-catch-...

    ajax后台处理返回json值示例代码

    4. 创建JSON响应:遍历 `Map` 的键值对,将其转换为 `TawCommonsUIListItem` 对象,然后添加到 `itemList`。`TawCommonsUIListItem` 是一个自定义类,代表了数据的一个条目,包含 `itemId`, `text`, 和 `value` 属性...

    struts2 学习过程中的收获

    在Java部分,你提到了数组、ArrayList、Map和List的使用,这些都是基础数据结构。在数据库操作中,了解如何导入MySQL驱动,以及如何进行简单的数据库操作和数据封装。 总之,学习Struts2不仅仅是掌握框架本身,还...

    JAVA面试笔试题

    1. **Collection框架**:Java中提供的一组容器类,如List、Set和Map等,用于存储和操作集合数据。 2. **Comparator接口**:用于自定义对象的排序规则。 **详细解析:** 在Java中,为了方便对自定义对象进行排序,...

Global site tag (gtag.js) - Google Analytics