forEach和map的区别

最新推荐文章于 2024-05-28 09:22:52 发布
最新推荐文章于 2024-05-28 09:22:52 发布
阅读量7.2k 收藏 3
点赞数
分类专栏： JS
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Woyao01011/article/details/83014315
版权 
<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		
		
		
		<!------forEach()方法-->
		<script type="text/javascript">
			var oldArr=[1,2,3,4,5];
			var sum=0;
		var newArr=oldArr.forEach(function(value,index,arr){
//forEach可以修改oldArr的值
			return arr[index]=value*10;
				return value*10;
			});//value值是必须的，其他两个参数，index和arr可选。按照顺序是array.forEach(function(value，index，arr){})
			console.log(oldArr);
			console.log(newArr);//在这这里，无法像map方法一样获得newArr的值，所以这就是forEach和map方法的一个区别；
		</script>
		
<!----------------------------------------------->		
		
		<!--map()方法-->
		<script type="text/javascript">
			var oldArr=[1,2,3,4,5];
		var newArr=oldArr.map(function(value,index,arr){
//map也可以修改oldArr的值
//				return arr[index]=value*10;
//如果想保留oldArr，则应该声明一个newArr来获得map方法的返回值
				return value*10
				
			})
				console.log(oldArr);
				console.log(newArr);
		</script>
	</head>
	<body>
	</body>
</html>

最后总结一下，map()可以返回值赋给新的数组，forEach()不可以，forEach()默认遍历谁就返回谁。

同样在jQyery中的map和each方法也是一样的。

			$(function(){
				
				var arr=[1,2,3,4,5]
				
			var res1=$.map(arr,function(value,index){
					
					console.log(index,value);
				});
				
			var res2=$.each(arr,function(value,index){
					
					console.log(index,value);
				})
				
				console.log(res1);
				console.log(res2);

 

Axs1
关注
  • 0
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Map 和 ForEach 的区别
weixin_45914210的博客
09-08 6963
forEach遍历通常都是直接引入当前遍历数组的内存地址，生成的数组的值发生变化，当前遍历的数组对应的值也会发生变化。(2)每次执行匿名函数都支持三个参数，参数分别为item(当前每一项)，index(索引值)，arr(原数组)。map遍历的后的数组通常都是生成一个新的数组，新的数组的值发生变化，当前遍历的数组值不会变化。(2)forEach()允许callback更改原始数组的元素。(1)map()方法会得到一个新的数组并返回，forEach()会修改原来的数组。(1)都是循环遍历数组中的每一项。
数组的sort()排序
平平无奇小码农的博客
06-21 6942
目录1、 sort函数的基本用法2、sort函数接受一个函数作为参数3、数组中包含对象进行排序 1、 sort函数的基本用法 数组的sort方法，默认按照字母顺序升序排序，更准确地说是按照ASCII码顺序排序； let arr1 = ['b', 'g', 'a', 'd', 'c']; console.log(arr1.sort()); // ["a", "b", "c", "d", "g"] let arr2 = [5, 1, 8, 3]; console.log(arr2.sort()); // [1
数组的方法forEach和map的区别
最新发布
holler_00的博客
05-28 227
都是循环遍历数组中的每一项;匿名函数中的this都是指向window。
Map中的forEach方法的使用
猿小白的博客
07-23 6739
Map接口中的forEach方法，@since 1.8 default void forEach(BiConsumer<? super K, ? super V> action) { Objects.requireNonNull(action); for (Map.Entry<K, V> entry : entrySet()) { K k; V v; try {
JS 中 Map 和 ForEach 的区别
weixin_47201486的博客
03-01 1万+
定义 forEach() 方法： 针对每一个元素执行提供的函数； Map() 方法： 创建一个新的数组，其中每一个元素又调用数组中的每一个元素执行提供的函数得来； 区别 forEach() 方法不会返回执行结果，而是undefined。 也就是说，forEach()会修改原来的数组。而map()方法会得到一个新的数组并返回。 举例： let arr = [1,2,3,4,5,6]; 下面分别用forEach() 和 Map() forEach() 注意，forEach arr.
map和forEach的区别
Wangdr的博客
07-22 1561
无论arr是不是空数组，forEach返回的都是undefined。1.map方法支持return返回值，通过return可返回一个新的数组，数组中的元素为原始数组调用函数处理后的值。所以当有人问你，扩展运算符是深拷贝还是浅拷贝的时候，应该分情况回答。1)、当数组的值为基本类型的时候，map遍历数组，当对数组中的值做处理的时候，的确不会改变原数组。给obj，不在原数组中直接操作item的值，而是操作obj中值，这样原数组就不会改变了。为了不让map改变对象数组这样的原数组，我们可以这样写。
JS中Map和ForEach的区别
11-26
在JavaScript中，`Array.prototype.map()` 和 `Array.prototype.forEach()` 是两种常见的数组遍历方法，它们虽然在功能上有相似之处，但其实有着显著的区别。理解这些差异对于编写更高效、可维护的代码至关重要。 ...
JS forEach和map方法的用法与区别分析
10-17
主要介绍了JS forEach和map方法的用法与区别,结合实例形式分析了forEach和map方法的功能、原理、使用方法及相关操作注意事项,需要的朋友可以参考下
JavaScript中Foreach和Map
04-20
在JavaScript中，`forEach`和`map`是两种常见的数组迭代方法，它们允许开发者遍历数组的每一个元素。虽然它们有相似之处，但也有明显的差异，理解这些差异可以帮助我们更有效地编写代码。 首先，让我们来看一下`...
数组的方法-sort()
weixin_48292956的博客
05-07 1521
数组的sort()方法主要用于对数组的元素进行排序。 其中，sort()方法有一个可选参数。 但是，此参数必须是函数。 数组在调用sort()方法时，如果没有传参将按字母顺序（字符编码顺序）对数组中的元素进行排序，如果想按照其他标准进行排序，就需要进行传一个参数且为函数，该函数要比较两个值，并且会返回一个用于说明这两个值的相对顺序的数字。 1、对数字数组进行由小到大的顺序进行排序。 var arr = [22,12,3,43,56,47,4]; arr.sort(); console.log(arr
JS中的遍历方法forEach和map的区别
zyqgt960812的博客
03-19 3072
一、用法： 同为遍历数组的方法，两者的用法区别在于： forEach()会改变原数组的方法，不会返回有意义的值 let arr = [1, 2, 3, 4, 5]; arr.forEach((num, index) => { return (arr[index] = num * 2); }); //执行结果 arr=[2,4,6,8,10] map()方法不会更改原数组，而是返回新的数组； let doubled = arr.map(num => { return nu
foreach和map的区别
lhm666666的博客
09-02 1万+
foreach和map的区别
forEach()和map()的区别
热门推荐
xif3681的博客
11-09 2万+
一、相同点： 都是循环遍历数组中的每一项 forEach和map方法里每次执行匿名函数都支持3个参数，参数分别是item（当前每一项）、index（索引值）、arr（原数组） 匿名函数中的this都是指向window 只能遍历数组 array.map(function(item,index,arr){},this) Array.forEach(function(item,index...
数组的 sort() 方法详解
编程三昧
06-09 2864
纸上得来终觉浅，绝知此事要躬行！ 在上一篇文章中，我们简单介绍了 arr.sort() 方法的基本使用： const arr = [49, 5, 14, 89, 71, 3, 10]; // 一般写法 arr.sort(function (a, b) { return a - b; // 按照升序排列 }); // 箭头函数 arr.sort((a, b) => a - b); // 结果 [3, 5, 10, 14, 49, 71, 89] 用归用，照葫芦画瓢不难，大家日.
for,forEach,map的区别
m0_57469571的博客
05-29 844
for,forEach,map的区别；promise理解；宏任务和微任务
数组中 forEach 和 Map 的区别
qq_45954420的博客
08-25 1866
MDN上对Map和ForEach的定义forEach(): 对数组的每个元素执行一次给定的函数。map(): 方法创建一个新数组，这个新数组由原数组中的每个元素都调用一次提供的函数后的返回值组成。
java遍历Map的4种方法及效率对比
fox_bert的博客
02-20 4265
一、Map遍历的方式 先创建一个map，添加好数据： Map map=new HashMap(); for(int i=0;i<10000;i++){ map.put(i, "a"+i); } 1、keySet的for循环方式： //只获取key public static void keySetForGetKey(Map<String, String> map){...
JS sort()数组排序方法
qq_45560350的博客
07-28 8439
java.util.Collection类的sort()方法 主要用来给数组拍排序 排序规则可以自己定 默认升序排序 1.Arrays.sort(int[]数组名,int firstIndex起始下标,intlastIndex终止下标); 2.Arrays.sort(int[]数组名);数组已初始化赋值 3.Arrays.sort(int[]数组名,int firstIndex起始下标,intla...
foreach和map区别
05-25
`foreach` 和 `map` 是两种不同的概念，它们并不是可以直接比较的。 `foreach` 是一种循环结构，用于遍历集合中的每个元素，并对每个元素执行相同的操作。例如，在 PHP 中，可以使用 `foreach` 循环来遍历一个数组...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值