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 相关文章推荐
jquery 页面全选框实践代码
Apr 02 Javascript
跟我学Node.js(四)---Node.js的模块载入方式与机制
Jun 04 Javascript
自己封装的javascript事件队列函数版
Jun 12 Javascript
jquery实现先淡出再折叠收起的动画效果
Aug 07 Javascript
jquery ajax 如何向jsp提交表单数据
Aug 23 Javascript
jQuery通过ajax快速批量提交表单数据
Oct 25 Javascript
用iframe实现不刷新整个页面上传图片的实例
Nov 18 Javascript
浅谈jQuery hover(over, out)事件函数
Dec 03 Javascript
JS实现AES加密并与PHP互通的方法分析
Apr 19 Javascript
Vue网页html转换PDF(最低兼容ie10)的思路详解
Aug 24 Javascript
彻底理解js面向对象之继承
Feb 04 Javascript
JavaScript基于面向对象实现的无缝滚动轮播示例
Jan 17 Javascript
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
用PHP制作静态网站的模板框架(四)
2006/10/09 PHP
PHP中使用gettext来支持多语言的方法
2011/05/02 PHP
PHP分页详细讲解(有实例)
2013/10/30 PHP
Zend Guard使用指南及问题处理
2015/01/07 PHP
Yii2 加载css、js 载静态资源的方法
2017/03/10 PHP
ThinkPHP 3使用OSS的方法
2018/07/19 PHP
JavaScript与C# Windows应用程序交互方法
2007/06/29 Javascript
js 利用className得到对象的实现代码
2011/11/15 Javascript
JS中的substring和substr函数的区别说明
2013/05/07 Javascript
js的alert弹出框出现乱码解决方案
2013/09/02 Javascript
jquery事件重复绑定的快速解决方法
2014/01/03 Javascript
常用的jQuery前端技巧收集
2014/12/24 Javascript
JS实现一个按钮的方法
2015/02/05 Javascript
面向切面编程(AOP)的理解
2015/05/01 Javascript
微信小程序 教程之wxapp 视图容器 view
2016/10/19 Javascript
JS实现评价的星星功能
2017/08/20 Javascript
Electron 如何调用本地模块的方法
2019/02/01 Javascript
nodejs处理tcp连接的核心流程
2021/02/26 NodeJs
[43:35]TI4 循环赛第二日Liquid vs Fnatic
2014/07/11 DOTA
[47:02]2018DOTA2亚洲邀请赛3月29日 小组赛B组 VP VS paiN
2018/03/30 DOTA
Python实现调度算法代码详解
2017/12/01 Python
Python中 map()函数的用法详解
2018/07/10 Python
jupyter notebook中美观显示矩阵实例
2020/04/17 Python
python3环境搭建过程(利用Anaconda+pycharm)完整版
2020/08/19 Python
Pycharm自动添加文件头注释和函数注释参数的方法
2020/10/23 Python
Opencv python 图片生成视频的方法示例
2020/11/18 Python
Python并发爬虫常用实现方法解析
2020/11/19 Python
HTML5 Canvas实现图片缩放、翻转、颜色渐变的代码示例
2016/02/28 HTML / CSS
html5 div布局与table布局详解
2016/11/16 HTML / CSS
Html5嵌入钉钉的实现示例
2020/06/04 HTML / CSS
班长竞选演讲稿
2014/04/24 职场文书
入股合作协议书
2014/10/12 职场文书
学校社团活动总结
2015/05/07 职场文书
百家讲坛观后感
2015/06/12 职场文书
干货:如何写好观后感 !
2019/05/21 职场文书
SpringDataJPA实体类关系映射配置方式
2021/12/06 Java/Android