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 对象与DOM对象之两者相互间的转换
Apr 27 Javascript
js+css使DIV始终居于屏幕中间 左下 左上 右上 右下的代码集合
Mar 10 Javascript
javascript返回顶部效果(自写代码)
Jan 06 Javascript
网页右键ie不支持event.preventDefault和event.returnValue (需要加window)
Feb 22 Javascript
Javascript中Event属性搜集整理
Sep 17 Javascript
javascript自定义函数参数传递为字符串格式
Jul 29 Javascript
JavaScript+html5 canvas绘制的圆弧荡秋千效果完整实例
Jan 26 Javascript
hovertree插件实现二级树形菜单(简单实用)
Dec 28 Javascript
Vue.js组件props数据验证实现详解
Oct 19 Javascript
Vue中key的作用示例代码详解
Jun 10 Javascript
uniapp微信小程序实现一个页面多个倒计时
Nov 01 Javascript
vue绑定class的三种方法
Dec 24 Vue.js
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读取html并截取字符串的简单代码
2009/11/30 PHP
PHPCMS的使用小结
2010/09/20 PHP
解析在PHP中使用mysqli扩展库对mysql的操作
2013/07/03 PHP
基于preg_match_all采集后数据处理的一点心得笔记(编码转换和正则匹配)
2014/01/31 PHP
PHP数据库操作二:memcache用法分析
2017/08/16 PHP
Javascript中产生固定结果的函数优化技巧
2013/01/16 Javascript
jQuery关于导航条背景切换效果实现示例
2013/09/04 Javascript
深入理解javascript动态插入技术
2013/11/12 Javascript
JavaScript利用正则表达式去除日期中的“-”
2014/07/01 Javascript
Jquery中扩展方法extend使用技巧
2014/08/24 Javascript
jQuery EasyUi实战教程之布局篇
2016/01/26 Javascript
详解Node.js包的工程目录与NPM包管理器的使用
2016/02/16 Javascript
r.js来合并压缩css文件的示例
2018/04/26 Javascript
微信小程序自定义toast的实现代码
2018/11/16 Javascript
vue-for循环嵌套操作示例
2019/01/28 Javascript
微信小程序实现一张或多张图片上传(云开发)
2019/09/25 Javascript
node解析修改nginx配置文件操作实例分析
2019/11/06 Javascript
webpack 动态批量加载文件的实现方法
2020/03/19 Javascript
[02:48]DOTA2英雄基础教程 暗夜魔王
2013/12/12 DOTA
[01:14:05]《加油DOTA》第四期
2014/08/25 DOTA
35个Python编程小技巧
2014/04/01 Python
python的描述符(descriptor)、装饰器(property)造成的一个无限递归问题分享
2014/07/09 Python
python文件名和文件路径操作实例
2017/09/29 Python
Python Tkinter实现简易计算器功能
2018/01/30 Python
nohup后台启动Python脚本,log不刷新的解决方法
2019/01/14 Python
Python3 中sorted() 函数的用法
2020/03/24 Python
CSS3 新增选择器的实例
2019/11/13 HTML / CSS
HTML5 transform三维立方体实现360无死角三维旋转效果
2014/08/22 HTML / CSS
为娇小女性量身打造:Petite Studio
2018/11/01 全球购物
世界上最好的野生海鲜和有机食品:Vital Choice
2020/01/16 全球购物
玲玲的画教学反思
2014/02/04 职场文书
城市创卫标语
2014/06/17 职场文书
流动人口婚育证明范本
2014/09/26 职场文书
分居协议书范本(律师见证版)
2014/11/26 职场文书
先进工作者推荐材料
2014/12/23 职场文书
Python OpenCV实现传统图片格式与base64转换
2021/06/13 Python