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中使用setInterval和setTimeout的方法
Apr 08 Javascript
自己动手实现jQuery Callbacks完整功能代码详解
Nov 25 Javascript
使用jQuery时Form表单元素ID和name命名大忌
Mar 06 Javascript
JavaScript中实现单体模式分享
Jan 29 Javascript
JS实现向表格中动态添加行的方法
Mar 30 Javascript
jQuery新窗口打开外链接
Jul 21 Javascript
vue生成随机验证码的示例代码
Sep 29 Javascript
微信小程序上传图片到服务器实例代码
Nov 07 Javascript
JavaScript实现AOP详解(面向切面编程,装饰者模式)
Dec 19 Javascript
vue项目前端埋点的实现
Mar 06 Javascript
如何构建 vue-ssr 项目的方法步骤
Aug 04 Javascript
Moment的feature导致线上bug解决分析
Sep 23 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
MySql中正则表达式的使用方法描述
2008/07/30 PHP
Laravel 自带的Auth验证登录方法
2019/09/30 PHP
Jquery Uploadify上传带进度条的简单实例
2014/02/12 Javascript
jQuery中click事件的定义和用法
2014/12/20 Javascript
JavaScript数据类型检测代码分享
2015/01/26 Javascript
AngularJS在IE8的不支持的解决方法
2016/05/13 Javascript
jquery简单插件制作(fn.extend)完整实例
2016/05/24 Javascript
JS实现根据文件字节数返回文件大小的方法
2016/08/02 Javascript
Angular.js中定时器循环的3种方法总结
2017/04/27 Javascript
jquery+css实现侧边导航栏效果
2017/06/12 jQuery
nodejs连接mysql数据库及基本知识点详解
2018/03/20 NodeJs
基于ionic实现下拉刷新功能
2018/05/10 Javascript
浅谈手写node可读流之流动模式
2018/06/01 Javascript
vue 指令之气泡提示效果的实现代码
2018/10/18 Javascript
js实现橱窗展示效果
2020/01/11 Javascript
js校验开始时间和结束时间
2020/05/26 Javascript
html中创建并调用vue组件的几种方法汇总
2020/11/17 Javascript
JavaScript实现点击切换验证码及校验
2021/01/10 Javascript
Python中常见的异常总结
2018/02/20 Python
对python文件读写的缓冲行为详解
2019/02/13 Python
如何在python中判断变量的类型
2020/07/29 Python
浅谈Html5多线程开发之WebWorkers
2018/05/02 HTML / CSS
Canvas系列之滤镜效果
2019/02/12 HTML / CSS
H5 video poster属性设置视频封面的方法
2020/05/25 HTML / CSS
J2EE包括哪些技术
2016/11/25 面试题
技术总监管理岗位职责
2014/03/09 职场文书
令人印象深刻的自荐信
2014/05/25 职场文书
乡镇消防安全责任书
2014/07/23 职场文书
大学生交通专业求职信
2014/09/01 职场文书
开业庆典活动策划方案
2014/09/21 职场文书
男方婚前保证书
2015/02/28 职场文书
送达通知书
2015/04/25 职场文书
妈妈再爱我一次观后感
2015/06/08 职场文书
python tkinter Entry控件的焦点移动操作
2021/05/22 Python
微软Win11有哪些隐藏功能? windows11多个功能汇总
2021/11/21 数码科技
排查并解决Oracle sysaux表空间异常增长
2022/04/20 Oracle