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 相关文章推荐
document.designMode的功能与使用方法介绍
Nov 22 Javascript
让人印象深刻的10个jQuery手风琴效果应用
May 08 Javascript
jQuery读取和设定KindEditor值的方法
Nov 22 Javascript
跟我学Node.js(四)---Node.js的模块载入方式与机制
Jun 04 Javascript
利用Node.JS实现邮件发送功能
Oct 21 Javascript
XMLHttpRequest对象_Ajax异步请求重点(推荐)
Sep 28 Javascript
vue-cli中打包图片路径错误的解决方法
Oct 26 Javascript
JavaScript实现shuffle数组洗牌操作示例
Jan 03 Javascript
详解关于React-Router4.0跳转不置顶解决方案
May 10 Javascript
了解在JavaScript中将值转换为字符串的5种方法
Jun 06 Javascript
vue 实现微信浮标效果
Sep 01 Javascript
关于layui toolbar和template的结合使用方法
Sep 19 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世纪万年历
2006/12/06 PHP
TP5(thinkPHP5)框架使用ajax实现与后台数据交互的方法小结
2020/02/10 PHP
javascript 正则替换 replace(regExp, function)用法
2010/05/22 Javascript
面向对象Javascript核心支持代码分享
2012/05/23 Javascript
IFrame跨域高度自适应实现代码
2012/08/16 Javascript
简单漂亮的js弹窗可自由拖拽且兼容大部分浏览器
2013/10/22 Javascript
javascript break指定标签打破多层循环示例
2014/01/20 Javascript
jQuery实现带动画效果的二级下拉导航方法
2015/03/11 Javascript
jQuery实现仿腾讯迷你首页选项卡效果代码
2015/09/17 Javascript
JS实现双击屏幕滚动效果代码
2015/10/28 Javascript
JS获取html元素的标记名实现方法
2016/10/08 Javascript
利用策略模式与装饰模式扩展JavaScript表单验证功能
2017/02/14 Javascript
jQuery插件HighCharts绘制2D半圆环图效果示例【附demo源码下载】
2017/03/09 Javascript
React-Native做一个文本输入框组件的实现代码
2017/08/10 Javascript
基于jQuery实现的单行公告活动轮播效果
2017/08/23 jQuery
vue select二级联动第二级默认选中第一个option值的实例
2018/01/10 Javascript
webpack中使用iconfont字体图标的方法
2018/02/22 Javascript
vue3修改link标签默认icon无效问题详解
2019/10/09 Javascript
nuxt 页面路由配置,主页轮播组件开发操作
2020/11/05 Javascript
Javascript节流函数throttle和防抖函数debounce
2020/12/03 Javascript
python 不关闭控制台的实现方法
2011/10/23 Python
Python中用于去除空格的三个函数的使用小结
2015/04/07 Python
Python如何爬取微信公众号文章和评论(基于 Fiddler 抓包分析)
2019/06/28 Python
Python 闭包,函数分隔作用域,nonlocal声明非局部变量操作示例
2019/10/14 Python
详解Python中的format格式化函数的使用方法
2019/11/20 Python
PySide2出现“ImportError: DLL load failed: 找不到指定的模块”的问题及解决方法
2020/06/10 Python
美国复古街头服饰精品店:Need Supply Co.
2017/02/22 全球购物
什么叫应用程序域?什么是托管代码?什么是强类型系统?什么是装箱和拆箱?什么是重载?CTS、CLS和CLR分别作何解释?
2012/05/23 面试题
医务工作者先进事迹材料
2014/01/26 职场文书
财务会计毕业生个人求职信
2014/02/03 职场文书
军训考核自我鉴定
2014/02/13 职场文书
自主招生推荐信范文
2014/05/10 职场文书
入职担保书怎么写
2014/05/12 职场文书
建设工地安全标语
2014/06/07 职场文书
入党积极分子自我批评思想汇报
2014/10/10 职场文书
入党积极分子个人总结
2015/03/02 职场文书