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 相关文章推荐
javascript 复杂的嵌套环境中输出单引号和双引号
May 26 Javascript
仅IE6/7/8中innerHTML返回值忽略英文空格的问题
Apr 07 Javascript
jquery默认校验规则整理
Mar 24 Javascript
JS根据变量保存方法名并执行方法示例
Apr 04 Javascript
JavaScript中读取和保存文件实例
May 08 Javascript
JQuery实现动态添加删除评论的方法
May 18 Javascript
JS实现从网页顶部掉下弹出层效果的方法
Aug 06 Javascript
详解Vue路由开启keep-alive时的注意点
Jun 20 Javascript
js排序与重组的实例讲解
Aug 28 Javascript
浅谈Vue.js中如何实现自定义下拉菜单指令
Jan 06 Javascript
Vue自定义全局Toast和Loading的实例详解
Apr 18 Javascript
ant design charts 获取后端接口数据展示
May 25 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
Zerg建筑一览
2020/03/14 星际争霸
php下连接mssql2005的代码
2011/01/17 PHP
PHP文件操作实现代码分享
2011/09/01 PHP
php UBB 解析实现代码
2011/11/27 PHP
Smarty foreach控制循环次数的一些方法
2015/07/01 PHP
PHP模板引擎Smarty内建函数foreach,foreachelse用法分析
2016/04/11 PHP
Laravel学习教程之本地化模块
2017/08/18 PHP
jquery 子窗口操作父窗口的代码
2009/09/21 Javascript
JQUBar 基于JQUERY的柱状图插件
2010/11/23 Javascript
JavaScript高级程序设计 阅读笔记(四) ECMAScript中的类型转换
2012/02/27 Javascript
node.js开发中使用Node Supervisor实现监测文件修改并自动重启应用
2014/11/04 Javascript
jquery获取复选框checkbox的值的简单实现方法
2016/05/26 Javascript
JavaScript用构造函数如何获取变量的类型名
2016/12/23 Javascript
Angular2仿照微信UI实现9张图片上传和预览的示例代码
2017/10/19 Javascript
vue代理和跨域问题的解决
2018/07/18 Javascript
dts文件中删除一个node或属性的操作方法
2018/08/05 Javascript
解决element ui select下拉框不回显数据问题的解决
2019/02/20 Javascript
基于webpack4+vue-cli3项目实现换肤功能
2019/07/17 Javascript
JS实现点击下拉列表文本框中出现对应的网址,点击跳转按钮实现跳转
2019/11/25 Javascript
修改vue源码实现动态路由缓存的方法
2020/01/21 Javascript
JavaScript实现网页计算器功能
2020/10/29 Javascript
Python爬取十篇新闻统计TF-IDF
2018/01/03 Python
python实现列表中由数值查到索引的方法
2018/06/27 Python
Python图片的横坐标汉字实例
2019/12/04 Python
Python利用多线程同步锁实现多窗口订票系统(推荐)
2019/12/22 Python
Python中的wordcloud库安装问题及解决方法
2020/05/27 Python
毕业生找工作的求职信范文
2013/12/24 职场文书
保密承诺书
2014/03/27 职场文书
2014中学教师节广播稿
2014/09/10 职场文书
2014年销售人员工作总结
2014/11/27 职场文书
儿园租房协议书范本
2014/12/02 职场文书
面试感谢信范文
2015/01/22 职场文书
公司开会通知
2015/04/20 职场文书
求职信:会计求职的写作技巧
2019/04/24 职场文书
Python爬虫之爬取二手房信息
2021/04/27 Python
通过Qt连接OpenGauss数据库的详细教程
2021/06/23 PostgreSQL