jquery中map函数遍历数组用法实例

 更新时间:2015年05月18日 15:24:08   作者:永远爱好写程序  
这篇文章主要介绍了jquery中map函数遍历数组用法,实例分析了jQuery中map函数遍历数组的相关技巧,并提供了一个自定义遍历数组函数供参考之用,需要的朋友可以参考下

本文实例讲述了jquery中map函数遍历数组用法。分享给大家供大家参考。具体如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>map函数</title>
<script src="jquery-1.6.2.min.js" type="text/javascript"></script>
<script type="text/javascript">
/*注意map函数不能处理json格式对象的数组。*/
$(function () {
  var arr = [3, 6, 9];
  ShowArray(arr);
  //调用jquery的map方法  用来将一个数组,转成另一个数组
  //var arrChange = $.map(arr, function (item) { return item * 2; });
  //ShowArray(arrChange);
  //调用自己实现的mymap方法,达到和jquery的map方法一样的功能
  var myfunc = function (item) { return item * 2 };
  var arrChange = MyMap(arr, myfunc);
  ShowArray(arrChange);
});
//自己实现一个类似jquery的map方法
function MyMap(arr, func) {
  var newArray = new Array(arr.length);
  for (var i = 0; i < arr.length; i++) {
    newArray[i] = func(arr[i]);
  }
  return newArray;
}
function ShowArray(arr) {
  var output = "";
  for (var i = 0; i < arr.length; i++) {
    if (output == "") {
      output = arr[i];
    }
    else {
      output += "," + arr[i];
    }
  }
  alert(output);
}
</script>
</head>
<body>
</body>
</html>

希望本文所述对大家的jQuery程序设计有所帮助。

相关文章

  • jQuery的Ajax接收java返回数据方法

    jQuery的Ajax接收java返回数据方法

    今天小编就为大家分享一篇jQuery的Ajax接收java返回数据方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2018-08-08
  • jQuery为某个div加入行样式

    jQuery为某个div加入行样式

    这篇文章主要为大家详细介绍了jQuery为某个div加入行样式的相关方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-06-06
  • jquery+css实现侧边导航栏效果

    jquery+css实现侧边导航栏效果

    这篇文章主要为大家详细介绍了jquery+css实现侧边导航栏效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-06-06
  • jquery实现在光标位置插入内容的方法

    jquery实现在光标位置插入内容的方法

    这篇文章主要介绍了jquery实现在光标位置插入内容的方法,涉及jQuery功能的扩展技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-02-02
  • 提升jQuery的性能需要做好七件事

    提升jQuery的性能需要做好七件事

    这篇文章主要介绍了提升jQuery的性能需要做好的七件事,希望真的帮助大家提升jQuery性能,需要的朋友可以参考下
    2016-01-01
  • jQuery Collapse1.1.0折叠插件简单使用

    jQuery Collapse1.1.0折叠插件简单使用

    这篇文章主要介绍了jQuery Collapse1.1.0折叠插件的使用方法 ,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-08-08
  • jQuery循环遍历子节点并获取值的方法

    jQuery循环遍历子节点并获取值的方法

    这篇文章主要介绍了jQuery循环遍历子节点并获取值的方法,涉及jQuery节点的遍历与属性操作相关技巧,需要的朋友可以参考下
    2016-04-04
  • jQuery的deferred对象使用详解

    jQuery的deferred对象使用详解

    jQuery的开发速度很快,几乎每半年一个大版本,每两个月一个小版本。每个版本都会引入一些新功能。今天我想介绍的,就是从jQuery 1.5.0版本开始引入的一个新功能----deferred对象。
    2011-08-08
  • 基于jQuery替换table中的内容并显示进度条的代码

    基于jQuery替换table中的内容并显示进度条的代码

    这个例子使我更加明白呈现数据是前端工作滴一部分,如何使table中的数值变为清晰地条状图呢?听我细细道来
    2011-08-08
  • jQuery each()方法的使用方法

    jQuery each()方法的使用方法

    each()函数是基本上所有的框架都提供了的一个工具类函数,通过它,你可以遍历对象、数组的属性值并进行处理。
    2010-03-03

最新评论