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插件Tabs实现过程
Jul 06 Javascript
浅谈JavaScript Array对象
Dec 29 Javascript
用js判断是否为360浏览器的实现代码
Jan 15 Javascript
JS实现点击按钮后框架内载入不同网页的方法
May 05 Javascript
JQuery为元素添加样式的实现方法
Jul 20 Javascript
[原创]javascript typeof id==='string'?document.getElementById(id):id解释
Nov 02 Javascript
使用jQuery的load方法设计动态加载及解决被加载页面js失效问题
Mar 01 Javascript
微信小程序云开发修改云数据库中的数据方法
May 18 Javascript
解决vue初始化项目时,一直卡在Project description上的问题
Oct 31 Javascript
easyUI 实现的后台分页与前台显示功能示例
Jun 01 Javascript
VUE页面中通过双击实现复制表格中内容的示例代码
Jun 11 Javascript
vue+Element-ui实现分页效果
Nov 15 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 strtok()函数的优点分析
2010/03/02 PHP
浅谈php+phpStorm+xdebug配置方法
2015/09/17 PHP
PHP实现清除wordpress里恶意代码
2015/10/21 PHP
浅析php静态方法与非静态方法的用法区别
2016/05/17 PHP
PHP针对redis常用操作实例详解
2019/08/17 PHP
关于Laravel参数验证的一些疑与惑
2019/11/19 PHP
实例讲解PHP表单
2020/06/10 PHP
PHP获取真实IP及IP模拟方法解析
2020/11/24 PHP
node.js 开发指南 ? Node.js 连接 MySQL 并进行数据库操作
2014/07/29 Javascript
js实现商品抛物线加入购物车特效
2020/11/18 Javascript
AngularJS入门(用ng-repeat指令实现循环输出
2016/05/05 Javascript
xtemplate node.js 的使用方法实例解析
2016/08/22 Javascript
利用Angularjs和Bootstrap前端开发案例实战
2016/08/27 Javascript
微信小程序 点击控件后选中其它反选实例详解
2017/02/21 Javascript
jQuery实现弹窗居中效果类似alert()
2017/02/27 Javascript
angularjs的select使用及默认选中设置
2017/04/08 Javascript
js,jq,css多方面实现简易下拉菜单功能
2017/05/13 Javascript
JS一个简单的注册页面实例
2017/09/05 Javascript
JS/jQuery实现获取时间的方法及常用类完整示例
2019/03/07 jQuery
JS工厂模式开发实践案例分析
2019/10/17 Javascript
vue-cli基础配置及webpack配置修改的完整步骤
2019/10/20 Javascript
vue+vant实现商品列表批量倒计时功能
2020/01/13 Javascript
[01:50]《我与DAC》之玩家:iG夺冠时的那面红旗
2018/03/29 DOTA
在java中如何定义一个抽象属性示例详解
2017/08/18 Python
python内置函数:lambda、map、filter简单介绍
2017/11/16 Python
python中列表和元组的区别
2017/12/18 Python
NumPy中的维度Axis详解
2019/11/26 Python
python 函数嵌套及多函数共同运行知识点讲解
2020/03/03 Python
python利用opencv保存、播放视频
2020/11/02 Python
植村秀加拿大官网:Shu Uemura加拿大
2019/09/03 全球购物
Timberland俄罗斯官方网上商店:全球领先的户外品牌
2020/03/15 全球购物
营销总经理岗位职责范本
2014/09/02 职场文书
小学生推普周国旗下讲话稿
2014/09/21 职场文书
家长评语怎么写
2014/12/30 职场文书
《七律·长征》教学反思
2016/02/16 职场文书
CSS作用域(样式分割)的使用汇总
2021/11/07 HTML / CSS