首页 » 前端

jquery内置函数:$.map()和$.each()方法的使用

   发表于:前端评论 (0)   热度:1849

一、$.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群,并关注我们的微博,谢谢支持。