jquery内置函数:$.map()和$.each()方法的使用
一、$.map(array,function)
语法分析:对数组array中的每个元素,调用function函数进行处理,然后将结果返回,得到一个新的数组。
实例讲解:将数组中的每一个元素*2,返回一个新的数组。代码如下
var arr = [2,3,6];
var arr2 = $.map(arr,function(item){return item*2;});
for(var i=0,len=arr2.length;i
补充说明:item代表着每一个元素,这是形参,可用其它代替。
----------------------------------------------------------------------------------
二、$.each(array,function)
语法分析:对数组array中的每一个元素,调用function函数处理,但没有返回值。
实例讲解:取得数组中的每一个元素值(这种写法应该称为对象,而不是数组?待确认)
var arr = {meinv:"王美人",shuaige:"梁帅哥",child:"好小孩"};
$.each(arr,function(key,val){alert(key + ":" + val)});//第一种方法,取得对象的键名与键值
$.each(arr,function(){alert(this)});//只取值
$.each(arr,function(k){alert(k)});//只给一个参数,则只取key。这是javascript的基础知识
补充说明:见代码注释。each()的另外一种使用方法,把array移到外来,变成一个对象,
$(document).ready(function(){
$("button").click(function(){
var arr = new Array();
$("input:checked").each(function(key,value){arr[key] = $(value).val();});
$("p").text("您共选择了" + arr.length + ",分别为" + arr.join(","));
});
});
//< input type="checkbox" value="北京" />北京
//< input type="checkbox" value="上海" />上海
//< input type="checkbox" value="广州" />广州
//< input type="checkbox" value="深圳" />深圳
(。・v・。)
喜欢这篇文章吗?欢迎分享到你的微博、QQ群,并关注我们的微博,谢谢支持。