s和jQuery的map方法遍历区别

牧码文

于 2020-11-29 10:58:55 发布

阅读量81

点赞数

本文链接：https://blog.csdn.net/weixin_46429290/article/details/110306929

版权

本文探讨了JavaScript和jQuery中map方法的区别。原生JavaScript的map方法仅适用于数组，不支持伪数组，而jQuery的map方法则可以遍历伪数组。在回调函数处理上，jQuery的map方法允许在函数内部对遍历的数组进行处理并生成新的数组，而原生的map方法不支持此操作。此外，jQuery的each方法默认返回原遍历对象，而map方法返回一个新数组。

摘要由CSDN通过智能技术生成

js和jQuery的map方法遍历区别

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>map方法的区别</title>
		<script src="js/jquery-1.12.4.js"></script>
		<script>
			var arr=[1,2,3,4,5];
			var obj={1:2,3:4,5:6,7:8}
			//利用原生js的map方法遍历
			arr.map(function(value,index,array){
				console.log(index,value,array);
			});
			obj.map(function(value,index,array){
				console.log(index,value,array);
			});
			//利用jQuery的map方法遍历
			$.map(arr,function(value,index){
				console.log(index,value);
			});
			$.map(obj,function(value,index){
				console.log(index,value);
			});
		</script>
	</head>
	<body>
	</body>
</html>

js和jQuery的map（）区别：

js：
- 和原生的forEach方法一样，不能遍历伪数组
- 第一个参数是value，第二个参数是index，第三个参数是array：当前被遍历的数组
jQuery：
- 和jQuery中的each静态方法一样，map的静态方法可以遍历伪数组
- 第一个参数是数组arr，第二个参数是function，function中的第一个参数是value，第二个参数是index

js和jQuery的map（）写法：

js：

arr.map(function(value,index,array){
	console.log(index,value,array);
});

jQuery:

$.map(arr,function(value,index){
	console.log(index,value);
});

jQuery中的each方法和map方法的区别：

each静态方法的默认的返回值就是遍历谁就返回谁
map静态方法默认的返回值是一个空数组
each静态方法不支持在回调函数中对遍历的数组进行处理
map静态方法可以在回调函数中通过return对遍历的数组进行处理，然后生成一个新的数组返回

var res=$.map(obj,function(value,index){
	console.log(index,value);
	return value+index;
});

在这里插入图片描述

牧码文

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

s和jQuery的map方法遍历区别

js和jQuery的map方法遍历区别

js和jQuery的map（）区别：

js：

jQuery：

js和jQuery的map（）写法：

js：

jQuery:

jQuery中的each方法和map方法的区别：

each静态方法的默认的返回值就是遍历谁就返回谁

map静态方法默认的返回值是一个空数组

each静态方法不支持在回调函数中对遍历的数组进行处理

map静态方法可以在回调函数中通过return对遍历的数组进行处理，然后生成一个新的数组返回