前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >jQuery第十篇 map方法

jQuery第十篇 map方法

作者头像
贵哥的编程之路
发布2020-10-28 15:44:03
1700
发布2020-10-28 15:44:03
举报
文章被收录于专栏:用户7873631的专栏
代码语言:javascript
复制
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>
	  <script type="text/javascript" src="jquery-1.10.1.min.js"></script>
<script>
	var arr = [1, 3, 5, 7, 9];
    var obj = {0:1, 1:3, 2:5, 3:7, 4:9, length:5};
    // 1.利用原生JS的map方法遍历
        /*
        第一个参数: 当前遍历到的元素
        第二个参数: 当前遍历到的索引
        第三个参数: 当前被遍历的数组
        注意点:
        和原生的forEach一样,不能遍历的伪数组,对象为伪数组
        */
       arr.map(function(value,index,array)
       	{
       		console.log(value,index,array);
       	});
      /* obj.map(function(value,index,array)
       	{
       		console.log(value,index,array);
       	});*/
       	 /*
        第一个参数: 要遍历的数组
        第二个参数: 每遍历一个元素之后执行的回调函数
        回调函数的参数:
        第一个参数: 遍历到的元素
        第二个参数: 遍历到的索引
        注意点:
        和jQuery中的each静态方法一样, map静态方法也可以遍历伪数组
        */
       var res=$.map(obj,function(value,index)
       	{
       		console.log(index, value);
            return value + index;
       	});
       console.log(res);
        var res2 = $.each(obj, function (index, value) {
            console.log(index, value);
            return value + index;
        });
        console.log(res2);

</script>
</body>
</html>
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2020/08/03 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档