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中的sortable排序之后的保存状态的解决方法
Jan 28 Javascript
Jquery遍历Json数据的方法
Apr 20 Javascript
jQuery插件jRumble实现网页元素抖动
Jun 05 Javascript
JQuery自动触发事件的方法
Jun 13 Javascript
微信小程序模板之分页滑动栏
Feb 10 Javascript
从零开始学习Node.js系列教程五:服务器监听方法示例
Apr 13 Javascript
Javascript实现一个简单的输入关键字添加标签效果实例
Jun 01 Javascript
微信小程序的部署方法步骤
Sep 04 Javascript
element-ui组件table实现自定义筛选功能的示例代码
Mar 15 Javascript
JS用最简单的方法实现四舍五入
Aug 27 Javascript
vue实现输入一位数字转汉字功能
Dec 13 Javascript
js+css3实现炫酷时钟
Aug 18 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函数(ignore_user_abort)
2012/08/01 PHP
深入PHP curl参数的详解
2013/06/17 PHP
PHP遍历目录函数opendir()、readdir()、closedir()、rewinddir()总结
2014/11/18 PHP
Yii列表定义与使用分页方法小结(3种方法)
2016/07/15 PHP
PHP实现批量删除(封装)
2017/04/28 PHP
DHTML 中的绝对定位
2006/11/26 Javascript
javascript一元操作符(递增、递减)使用示例
2013/08/07 Javascript
JS实现匀速运动的代码实例
2013/11/29 Javascript
window.onload绑定多个事件的两种解决方案
2016/05/15 Javascript
用jquery快速解决IE输入框不能输入的问题
2016/10/04 Javascript
JavaScript实现的select点菜功能示例
2017/01/16 Javascript
jquery仿ps颜色拾取功能
2017/03/08 Javascript
让nodeJS支持ES6的词法----babel的安装和使用方法
2017/07/31 NodeJs
Javascript中prototype与__proto__的关系详解
2018/03/11 Javascript
解决JQuery的ajax函数执行失败alert函数弹框一闪而过问题
2019/04/10 jQuery
详解vue-property-decorator使用手册
2019/07/29 Javascript
Element-UI中关于table表格的那些骚操作(小结)
2019/08/15 Javascript
微信小程序getLocation 需要在app.json中声明permission字段
2020/03/03 Javascript
Vue项目配置跨域访问和代理proxy设置方式
2020/09/08 Javascript
python unittest实现api自动化测试
2018/04/04 Python
详解Python中的正则表达式
2018/07/08 Python
Python告诉你木马程序的键盘记录原理
2019/02/02 Python
安装PyInstaller失败问题解决
2019/12/14 Python
tensorflow ckpt模型和pb模型获取节点名称,及ckpt转pb模型实例
2020/01/21 Python
基于python图像处理API的使用示例
2020/04/03 Python
Python3.7 读取音频根据文件名生成脚本的代码
2020/04/07 Python
OpenCV+python实现实时目标检测功能
2020/06/24 Python
Python如何telnet到网络设备
2021/02/18 Python
理肤泉美国官网:La Roche-Posay
2018/01/17 全球购物
Myprotein俄罗斯官网:欧洲第一运动营养品牌
2019/05/05 全球购物
助残日活动总结
2014/08/27 职场文书
股东授权委托书
2014/10/15 职场文书
2015年大学宣传部工作总结
2015/05/26 职场文书
小平您好观后感
2015/06/09 职场文书
春晚观后感
2015/06/11 职场文书
Python识别花卉种类鉴定网络热门植物并自动整理分类
2022/04/08 Python