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 相关文章推荐
js判断变量是否空值的代码
Oct 26 Javascript
jquery多行滚动/向左或向上滚动/响应鼠标实现思路及代码
Jan 23 Javascript
JS中引用百度地图并将百度地图的logo和信息去掉
Sep 29 Javascript
jquery $.trim()方法使用介绍
May 21 Javascript
为什么Node.js会这么火呢?Node.js流行的原因
Dec 01 Javascript
JavaScript隐式类型转换
Mar 15 Javascript
jQuery弹出层插件popShow用法示例
Jan 23 Javascript
微信小程序实现选项卡功能
Jun 19 Javascript
bootstrap模态框弹出和隐藏,动态改变中间内容的实例
Aug 10 Javascript
微信小程序swiper实现文字纵向轮播提示效果
Jan 21 Javascript
Vue-cli3多页面配置详解
Mar 22 Javascript
el-form 多层级表单的实现示例
Sep 10 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
overlord人气高涨,却被菲利普频繁举报,第四季很难在国内上映
2020/05/06 日漫
php取整函数ceil,floo,round的用法及介绍
2013/08/31 PHP
phpmyadmin出现Cannot start session without errors问题解决方法
2014/08/14 PHP
php+mysqli数据库连接的两种方式
2015/01/28 PHP
php数组比较实现查找连续数的方法
2015/07/29 PHP
php基于Fleaphp框架实现cvs数据导入MySQL的方法
2016/02/23 PHP
php 实现进制相互转换
2016/04/07 PHP
Yii2 中实现单点登录的方法
2018/03/09 PHP
javascript 设为首页与加入收藏兼容多浏览器代码
2011/01/11 Javascript
JS异常处理的一个想法(sofish)
2013/03/14 Javascript
jquery实现一个简单好用的弹出框
2014/09/26 Javascript
JS组件Bootstrap实现弹出框效果代码
2016/04/26 Javascript
Html5 js实现手风琴效果
2020/04/17 Javascript
JS中绑定事件顺序(事件冒泡与事件捕获区别)
2017/01/24 Javascript
AngularJS 防止页面闪烁的方法
2017/03/09 Javascript
微信小程序tabBar底部导航中文注解api详解
2017/08/16 Javascript
jQuery实现鼠标点击处心形漂浮的炫酷效果示例
2018/04/12 jQuery
js实现购物车功能
2018/06/12 Javascript
vue路由组件按需加载的几种方法小结
2018/07/12 Javascript
angular2 组件之间通过service互相传递的实例
2018/09/30 Javascript
优雅的处理vue项目异常实战记录
2019/06/05 Javascript
js单线程的本质 Event Loop解析
2019/10/29 Javascript
JavaScript TAB栏切换效果的示例
2020/11/05 Javascript
使用Python写个小监控
2016/01/27 Python
Tornado协程在python2.7如何返回值(实现方法)
2017/06/22 Python
通过python顺序修改文件名字的方法
2018/07/11 Python
Python实现九宫格式的朋友圈功能内附“马云”朋友圈
2019/05/07 Python
Python类中方法getitem和getattr详解
2019/08/30 Python
python实现自动清理重复文件
2020/08/24 Python
python遍历路径破解表单的示例
2020/11/21 Python
python批量合成bilibili的m4s缓存文件为MP4格式 ver2.5
2020/12/01 Python
英格兰橄榄球商店:England Rugby Store
2016/12/17 全球购物
Lookfantastic台湾:英国彩妆美发保养购物网
2018/03/26 全球购物
实习单位接收函
2014/01/11 职场文书
在职证明书模板
2015/06/15 职场文书
聊聊Lombok中的@Builder注解使用教程
2021/11/17 Java/Android