jquery学习系列2(内置函数map、each)

最新推荐文章于 2025-09-09 16:55:30 发布

weixin_34038293

最新推荐文章于 2025-09-09 16:55:30 发布

阅读量63

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/aspneteye/articles/2035321.html

本文介绍了使用jQuery进行数组操作的方法，包括如何通过$.map()函数映射数组元素生成新数组，以及利用$.each()遍历对象和数组，展示了不同情况下key和value的使用方式。

1 <script language="javascript">
2 //$.map(原数组，function)：对原数组中的每个元素处理，返回一个新数组
3 var arr = [1, 2, 3];
4 var arr2 = $.map(arr, function(item) { return item * 3 })
5 alert(arr2);
6 //$.each(arr,function(key,value)):对arr中的值和健检索不返回值
7 var a = {"tom": 20, "jim":13};
8 $.each(a, function(key, value) { alert(key + "=" + value); })//用循环很麻烦
9 //普通数组key就是数组本身索引(key),value就是数组每个元素的值(value)
10 var b = [10, 20, 30];
11 $.each(b, function(key, value) { alert(key + "=" + value); })
12 //只写key时输出数组的索引(key)
13 var b = [10, 20, 30];
14 $.each(b, function(item) { alert(item); })
15 //什么也不写用this输出数组的值(value)
16 var b = [10, 20, 30];
17 $.each(b, function() { alert(this); })
18
19 //什么也不写用this输出数组的值(value)
20 var aa = { "tom": 20, "jim": 13 };
21 $.each(aa, function() { alert(this); })
22 </script>

转载于:https://www.cnblogs.com/aspneteye/articles/2035321.html