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 相关文章推荐
点弹代码 点击页面任何位置都可以弹出页面效果代码
Sep 17 Javascript
jquery div 居中技巧应用介绍
Nov 24 Javascript
jquery滚动条插件jScrollPane的使用介绍
Nov 08 Javascript
探讨js字符串数组拼接的性能问题
Oct 11 Javascript
使用ajax+jqtransform实现动态加载select
Dec 01 Javascript
canvas实现刮刮卡效果
Mar 14 Javascript
初探JavaScript 面向对象(推荐)
Sep 03 Javascript
Vue中this.$router.push参数获取方法
Feb 27 Javascript
mpvue项目中使用第三方UI组件库的方法
Sep 30 Javascript
@angular前端项目代码优化之构建Api Tree的方法
Dec 24 Javascript
vue中axios请求的封装实例代码
Mar 23 Javascript
Vue formData实现图片上传
Aug 20 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
备份mysql数据库的php代码(一个表一个文件)
2010/05/28 PHP
php数组函数序列之prev() - 移动数组内部指针到上一个元素的位置,并返回该元素值
2011/10/31 PHP
header跳转和include包含问题详解
2012/09/08 PHP
php压缩HTML函数轻松实现压缩html/js/Css及注意事项
2013/01/27 PHP
PHP+jQuery实现自动补全功能源码
2013/05/15 PHP
php获取指定范围内最接近数的方法
2015/06/02 PHP
PHP基于yii框架实现生成ICO图标
2015/11/13 PHP
Thinkphp5框架实现图片、音频和视频文件的上传功能详解
2019/08/27 PHP
Laravel jwt 多表(多用户端)验证隔离的实现
2019/12/18 PHP
Javascript valueOf 使用方法
2008/12/28 Javascript
csdn 博客的css样式 v3
2009/02/24 Javascript
JAVASCRIPT  THIS详解 面向对象
2009/03/25 Javascript
EXTJS记事本 当CompositeField遇上RowEditor
2011/07/31 Javascript
javascript计算星座属相(十二生肖属相)示例代码
2014/01/09 Javascript
js鼠标滑轮滚动事件绑定的简单实例(兼容主流浏览器)
2014/01/14 Javascript
jquery带翻页动画的电子杂志代码分享
2015/08/21 Javascript
BootStrap table删除指定行的注意事项(笔记整理)
2017/02/05 Javascript
js中小数向上取整数,向下取整数,四舍五入取整数的实现(必看篇)
2017/02/13 Javascript
angularJs自定义过滤器实现手机号信息隐藏的方法
2018/10/08 Javascript
NVM安装nodejs的方法实用步骤
2019/01/16 NodeJs
vue实现多条件和模糊搜索功能
2019/05/28 Javascript
浅谈React中组件逻辑复用的那些事儿
2020/05/21 Javascript
Python 爬虫学习笔记之单线程爬虫
2016/09/21 Python
Python如何实现守护进程的方法示例
2017/02/08 Python
Python实现简单网页图片抓取完整代码实例
2017/12/15 Python
flask框架jinja2模板与模板继承实例分析
2019/08/01 Python
Python基于WordCloud制作词云图
2019/11/29 Python
美国南加州的原创极限运动潮牌:Vans(范斯)
2016/08/05 全球购物
Vrbo英国:预订度假屋
2020/08/19 全球购物
汽车运用工程毕业生自荐信
2013/10/29 职场文书
中层竞聘演讲稿
2014/01/09 职场文书
三年级科学教学反思
2014/01/29 职场文书
市场营销大学生职业规划书
2014/02/25 职场文书
工作表扬信范文
2015/01/17 职场文书
护士节慰问信
2015/02/15 职场文书
Python使用Web框架Flask开发项目
2022/06/01 Python