jq中的map函数

最新推荐文章于 2024-07-08 17:40:19 发布

cfcp

最新推荐文章于 2024-07-08 17:40:19 发布

阅读量1.9k

点赞数 2

分类专栏：学习笔记

本文链接：https://blog.csdn.net/qq_33562825/article/details/55670906

版权

学习笔记专栏收录该内容

13 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>
	<script>
		//在jquery中map方法也可以完成类似于each方法的遍历功能，但是map最大的特点是返回一个新数组，返回的数组中的每一个元素由回调函数的返回值决定，如果回调函数不返回数据，则map方法返回的数组长度为0；如果回调函数返回了数据，则map方法将其加入到数组中返回
		function map (array,callback){
			var res = [],tmp;
			//判断如果传入的是数组或伪数组
			if(isArrayLike(array)) {
				for (var i = 0; i < array.length; i++) {
					tmp = callback(array[i],i);
					if(tmp!==undefined) {
						//函数什么时候才会返回undefined？函数没有返回值或者return后面没有值的时候
						res.push(tmp);
					}
				}
			} else {
				for(var k in array) {
					tmp = callback(array[k],k);
					if(tmp!==undefined) {
						res.push(tmp);
					}
				}
			}
			return res;
		}
		function isArrayLike(obj) {
			return typeof obj.length ==='number'&&obj.length>=0;
		}
		//验证map 返回一个各项扩大二倍的新数组
		var arr = [1,2,3,4,5];
		var newArr = map(arr,function(v,i) {
			return v*2;
		})
		console.log(newArr);//[2,4,6,8,10]
		//如果回调函数不反回数据
		var newArr = map(arr,function(v,i) {
		})
		console.log(newArr);//[]
	</script>
</body>
</html>

cfcp

关注

2
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jq中的map函数

Document //在jquery中map方法也可以完成类似于each方法的遍历功能，但是map最大的特点是返回一个新数组，返回的数组中的每一个元素由回调函数的返回值决定，如果回调函数不返回数据，则map方法返回的数组长度为0；如果回调函数返回了数据，则map方法将其加入到数组中返回 function map (array,callback){ var res = [],t
复制链接

扫一扫

专栏目录