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 相关文章推荐
JavaScript和JQuery实用代码片段(一)
Apr 07 Javascript
自己写了一个展开和收起的多更能型的js效果
Mar 05 Javascript
js中的scroll和offset 使用比较的实例与分析
Sep 29 Javascript
Node.js node-schedule定时任务隔多少分钟执行一次的方法
Feb 10 Javascript
JavaScript中常用的六种互动方法示例
Mar 13 Javascript
纯js代码实现未知宽高的元素在指定元素中垂直水平居中显示
Sep 12 Javascript
jQuery限制图片大小的方法
May 25 Javascript
JavaScript sort数组排序方法和自我实现排序方法小结
Jun 06 Javascript
jQuery pjax 应用简单示例
Sep 20 jQuery
小程序怎样让wx.navigateBack更好用的方法实现
Nov 01 Javascript
jQuery实现中奖播报功能(让文本滚动起来) 简单设置数值即可
Mar 20 jQuery
jQuery实现手风琴特效
Jan 11 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
Smarty结合Ajax实现无刷新留言本实例
2007/01/02 PHP
PHP开启gzip页面压缩实例代码
2010/03/11 PHP
Mysql中分页查询的两个解决方法比较
2013/05/02 PHP
解析PHP的session过期设置
2013/06/29 PHP
1亿条数据如何分表100张到Mysql数据库中(PHP)
2015/07/29 PHP
PHP的Yii框架中创建视图和渲染视图的方法详解
2016/03/29 PHP
PHP中include和require的区别实例分析
2017/05/07 PHP
PHP实现Markdown文章上传到七牛图床的实例内容
2020/02/11 PHP
发布一个高效的JavaScript分析、压缩工具 JavaScript Analyser
2007/11/30 Javascript
JS面向对象、prototype、call()、apply()
2009/05/14 Javascript
jquery pagination插件实现无刷新分页代码
2009/10/13 Javascript
精通JavaScript 纠正 cleanWhitespace函数
2010/03/11 Javascript
jQuery 验证插件 Web前端设计模式(asp.net)
2010/10/17 Javascript
js中string和number类型互转换技巧(分享)
2016/11/28 Javascript
jQuery实现动态文字搜索功能
2017/01/05 Javascript
Vee-Validate的使用方法详解
2017/09/22 Javascript
mongoose更新对象的两种方法示例比较
2017/12/19 Javascript
vue.js绑定事件监听器示例【基于v-on事件绑定】
2018/07/07 Javascript
发布Angular应用至生产环境的方法
2018/12/10 Javascript
微信小程序停止其他视频播放当前视频的实例代码
2019/12/25 Javascript
[02:38]2018年度DOTA2最佳劣单位选手-完美盛典
2018/12/17 DOTA
python中ConfigParse模块的用法
2014/09/29 Python
python概率计算器实例分析
2015/03/25 Python
在Python的Flask框架中实现单元测试的教程
2015/04/20 Python
python 自定义对象的打印方法
2019/01/12 Python
Python玩转Excel的读写改实例
2019/02/22 Python
Python中的全局变量如何理解
2020/06/04 Python
Python 绘制可视化折线图
2020/07/22 Python
python搜索算法原理及实例讲解
2020/11/18 Python
异步传递消息系统的作用
2016/05/01 面试题
市场营销大学生职业规划书
2014/02/25 职场文书
优秀党员个人总结
2015/02/14 职场文书
今日说法观后感
2015/06/08 职场文书
python 自动化偷懒的四个实用操作
2021/04/11 Python
世界各国短波电台对东亚播送时间频率表(SW)
2021/06/28 无线电
redis击穿 雪崩 穿透超详细解决方案梳理
2022/03/17 Redis