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


Posted in Javascript onMay 18, 2015

本文实例讲述了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程序设计有所帮助。

Javascript 相关文章推荐
Auntion-TableSort国人写的一个javascript表格排序的东西
Nov 12 Javascript
动态样式类封装JS代码
Sep 02 Javascript
网页源代码保护(禁止右键、复制、另存为、查看源文件)
May 23 Javascript
jQuery焦点图切换特效插件封装实例
Aug 18 Javascript
JavaScript调试技巧之console.log()详解
Mar 19 Javascript
JavaScript实现网页对象拖放功能的方法
Apr 15 Javascript
Javascript实现网络监测的方法
Jul 31 Javascript
JS+CSS实现带小三角指引的滑动门效果
Sep 22 Javascript
JavaScript编写一个简易购物车功能
Sep 17 Javascript
使用js获取伪元素的content实例
Oct 24 Javascript
详解javascript中的Error对象
Apr 25 Javascript
jQuery 选择器用法基础入门示例
Jan 04 jQuery
jquery使用each方法遍历json格式数据实例
May 18 #Javascript
Jquery使用css方法改变样式实例
May 18 #Javascript
Jquery使用val方法读写value值
May 18 #Javascript
JQuery中Text方法用法实例分析
May 18 #Javascript
JQuery中attr方法和removeAttr方法用法实例
May 18 #Javascript
JQuery中节点遍历方法实例
May 18 #Javascript
Jquery实现动态切换图片的方法
May 18 #Javascript
You might like
改变Apache端口等配置修改方法
2008/06/05 PHP
php 文章调用类代码
2011/08/11 PHP
php curl登陆qq后获取用户信息时证书错误
2015/02/03 PHP
Laravel利用gulp如何构建前端资源详解
2018/06/03 PHP
jQuery实现图片信息的浮动显示实例代码
2013/08/28 Javascript
javascript获取web应用根目录的方法
2014/02/12 Javascript
jQuery判断checkbox(复选框)是否被选中以及全选、反选实现代码
2014/02/21 Javascript
如何正确使用javascript 来进行我们的程序开发
2014/06/23 Javascript
javascript实现验证IP地址等相关信息代码
2015/05/10 Javascript
JavaScript的面向对象编程基础
2015/08/13 Javascript
nodejs连接mongodb数据库实现增删改查
2016/12/01 NodeJs
JS判断字符串是否为整数的方法--简单的正则判断
2018/07/23 Javascript
layui的table单击行勾选checkbox功能方法
2018/08/14 Javascript
js/jquery遍历对象和数组的方法分析【forEach,map与each方法】
2019/02/27 jQuery
vue插槽slot的简单理解与用法实例分析
2020/03/14 Javascript
详解JavaScript数据类型和判断方法
2020/09/04 Javascript
详解React中共享组件逻辑的三种方式
2021/02/02 Javascript
[03:49]显微镜下的DOTA2第十五期—VG登基之路完美团
2014/06/24 DOTA
[09:43]DOTA2每周TOP10 精彩击杀集锦vol.5
2014/06/25 DOTA
[59:32]Liquid vs Fnatic 2019国际邀请赛淘汰赛败者组BO1 8.20.mp4
2020/07/19 DOTA
python清除字符串里非字母字符的方法
2015/07/02 Python
浅谈Matplotlib简介和pyplot的简单使用——文本标注和箭头
2018/01/09 Python
Python访问MongoDB,并且转换成Dataframe的方法
2018/10/15 Python
Django框架中间件(Middleware)用法实例分析
2019/05/24 Python
如何通过Python实现标签云算法
2019/07/02 Python
wxPython实现画图板
2020/08/27 Python
Pycharm如何运行.py文件的方法步骤
2020/03/03 Python
python 下载m3u8视频的示例代码
2020/11/11 Python
使用Python封装excel操作指南
2021/01/29 Python
英国天然有机美容护肤品:Neal’s Yard Remedies
2018/05/05 全球购物
介绍一下SQL注入攻击的种类和防范手段
2012/02/18 面试题
绍兴鲁迅故居导游词
2015/02/09 职场文书
2016暑期社会实践心得体会范文
2016/01/14 职场文书
python基于tkinter制作无损音乐下载工具
2021/03/29 Python
Python虚拟环境virtualenv是如何使用的
2021/06/20 Python
python数字图像处理之图像的批量处理
2022/06/28 Python