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 相关文章推荐
获取Javscript执行函数名称的方法
Dec 22 Javascript
JavaScript中的Window窗口对象
Jan 16 Javascript
可简单避免的三个JS发布错误的详细介绍
Aug 02 Javascript
getAsDataURL在Firefox7.0下无法预览本地图片的解决方法
Nov 15 Javascript
浅谈node.js中async异步编程
Oct 22 Javascript
jQuery实现仿QQ头像闪烁效果的文字闪动提示代码
Nov 03 Javascript
利用jQuery实现CheckBox全选/全不选/反选的简单代码
May 31 Javascript
JavaScript数组方法大全(推荐)
Jul 05 Javascript
Bootstrap作品展示站点实战项目2
Oct 14 Javascript
微信小程序实现商品属性联动选择
Feb 15 Javascript
JavaScript中构造函数与原型链之间的关系详解
Feb 25 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检测url是否存在的方法
2015/04/14 PHP
深入解析WordPress中加载模板的get_template_part函数
2016/01/11 PHP
php的laravel框架快速集成微信登录的方法
2016/12/12 PHP
php编程实现简单的网页版计算器功能示例
2017/04/26 PHP
PHP实现表单提交数据的验证处理功能【防SQL注入和XSS攻击等】
2017/07/21 PHP
JavaScript的目的分析
2007/01/05 Javascript
javascript的数据类型、字面量、变量介绍
2012/05/23 Javascript
JQuery入门——用bind方法绑定事件处理函数应用介绍
2013/02/05 Javascript
JQuery slideshow的一个小问题(如何发现及解决过程)
2013/02/06 Javascript
jQuery图片滚动图片的效果(另类实现)
2013/06/02 Javascript
几种设置表单元素中文本输入框不可编辑的方法总结
2013/11/25 Javascript
获取select元素被选中的文本内容的js代码
2014/01/29 Javascript
node.js适合游戏后台开发吗?
2014/09/03 Javascript
JsRender for object语法简介
2014/10/31 Javascript
node.js中的fs.unlinkSync方法使用说明
2014/12/15 Javascript
node.js中的fs.createReadStream方法使用说明
2014/12/17 Javascript
JS实现在页面随时自定义背景颜色的方法
2015/02/27 Javascript
基于jquery实现页面滚动到底自动加载数据的功能
2015/12/19 Javascript
vue.js+Echarts开发图表放大缩小功能实例
2017/06/09 Javascript
jQuery Autocomplete简介_动力节点Java学院整理
2017/07/17 jQuery
vue axios 表单提交上传图片的实例
2018/03/16 Javascript
javascript网页随机点名实现过程解析
2019/10/15 Javascript
element跨分页操作选择详解
2020/06/29 Javascript
[44:21]Ti4 循环赛第四日 附加赛NEWBEE vs LGD
2014/07/13 DOTA
[00:47]DOTA2荣耀之路6:天火,天火!
2018/05/30 DOTA
Python实现读取txt文件中的数据并绘制出图形操作示例
2019/02/26 Python
python 环境搭建 及python-3.4.4的下载和安装过程
2019/07/20 Python
django-filter和普通查询的例子
2019/08/12 Python
Django media static外部访问Django中的图片设置教程
2020/04/07 Python
基于OpenCV的网络实时视频流传输的实现
2020/11/15 Python
浅谈cookie和localStorage那些事
2019/08/27 HTML / CSS
环法自行车赛官方商店:Le Tour de France
2017/08/27 全球购物
用JAVA实现一种排序,JAVA类实现序列化的方法(二种)
2014/04/23 面试题
小学教师2014年度工作总结
2014/12/03 职场文书
个人总结与自我评价
2015/02/14 职场文书
运动会班级口号霸气押韵
2015/12/24 职场文书