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 相关文章推荐
extjs 学习笔记 四 带分页的grid
Oct 20 Javascript
JavaScript版DateAdd和DateDiff函数代码
Mar 01 Javascript
javascript window.confirm确认 取消对话框实现代码小结
Oct 21 Javascript
javascript中window.event事件用法详解
Dec 11 Javascript
用客户端js实现带省略号的分页
Apr 27 Javascript
初步了解javascript面向对象
Nov 09 Javascript
jQuery 实时保存页面动态添加的数据的示例
Aug 14 jQuery
JS去除字符串最后的逗号实例分析【四种方法】
Jun 20 Javascript
vue图片加载失败时用默认图片替换的方法
Aug 29 Javascript
在node环境下parse Smarty模板的使用示例代码
Nov 15 Javascript
javascript实现视频弹幕效果(两个版本)
Nov 28 Javascript
vue实现登录拦截
Jun 29 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 处理图片的类实现代码
2009/10/23 PHP
PHP创建桌面快捷方式的实例代码
2014/02/17 PHP
PHP中把数据库查询结果输出为json格式简单实例
2015/04/09 PHP
php实现用已经过去多长时间的方式显示时间
2015/06/05 PHP
如何批量清理系统临时文件(语言:C#、 C/C++、 php 、python 、java )
2016/02/01 PHP
javascript小数四舍五入多种方法实现
2012/12/23 Javascript
Jquery多选下拉列表插件jquery multiselect功能介绍及使用
2013/05/24 Javascript
得到form下的所有的input的js代码
2013/11/07 Javascript
JS实现屏蔽shift,Ctrl,alt等功能键的方法
2015/06/01 Javascript
Angular的Bootstrap(引导)和Compiler(编译)机制
2016/06/20 Javascript
详解vue-cli项目中用json-sever搭建mock服务器
2017/11/02 Javascript
bootstrap响应式工具使用详解
2017/11/29 Javascript
zTree树形菜单交互选项卡效果的实现方法
2017/12/25 Javascript
解决vuecli3.0热更新失效的问题
2018/09/19 Javascript
JQuery特殊效果和链式调用操作示例
2019/05/13 jQuery
微信小程序点击列表跳转到对应详情页过程解析
2019/09/26 Javascript
《javascript设计模式》学习笔记三:Javascript面向对象程序设计单例模式原理与实现方法分析
2020/04/07 Javascript
[04:36]DOTA2国际邀请赛 ti3精彩集锦
2013/08/19 DOTA
Python将xml和xsl转换为html的方法
2015/03/10 Python
python 爬虫一键爬取 淘宝天猫宝贝页面主图颜色图和详情图的教程
2018/05/22 Python
Python开发虚拟环境使用virtualenvwrapper的搭建步骤教程图解
2018/09/19 Python
解析python 中/ 和 % 和 //(地板除)
2020/06/28 Python
谈谈python垃圾回收机制
2020/09/27 Python
Django多个app urls配置代码实例
2020/11/26 Python
StubHub新加坡:购买和出售全球活动门票
2017/03/10 全球购物
ghd法国官方网站:英国最受欢迎的美发工具品牌
2019/04/18 全球购物
金鑫耀Java笔试题
2014/09/06 面试题
2014爱耳日宣传教育活动总结
2014/03/09 职场文书
观看《永远的雷锋》心得体会
2014/03/12 职场文书
市场营销专业毕业生求职信
2014/03/26 职场文书
2015年公司新年寄语
2014/12/08 职场文书
2015商场元旦促销活动策划方案
2014/12/09 职场文书
新教师个人工作总结
2015/02/06 职场文书
离婚财产分割协议书
2015/08/11 职场文书
Python requests库参数提交的注意事项总结
2021/03/29 Python
Python PIL按比例裁剪图片
2022/05/11 Python