常规for循环和forEach，map 等区别用法

最新推荐文章于 2024-07-24 15:42:03 发布
最新推荐文章于 2024-07-24 15:42:03 发布
阅读量1.4k 收藏 7
点赞数 3
分类专栏： 技巧 文章标签： js javascript es6
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_37683424/article/details/108767672
版权
本文探讨了JavaScript中for循环、forEach和map方法在处理数组时的不同之处。for循环允许使用break和return，其中return可用于退出循环和函数，而forEach的return无效，无法跳出循环。map方法则允许return返回一个新数组，但同样不能用break跳出循环。这些差异在实际编程中对于控制流程和数组变换具有重要意义。
摘要由CSDN通过智能技术生成

1. 常规for 循环使用支持break 跳出循环，return跳出循环和执行函数返回值 ，而forEach 使用时用于改变数组，return无法跳出循环，break会报错 ，不能跳出循环和函数返回。map是return可以返回一个新数组，break会报错，不能跳出循环和函数返回。

例：for  return

例：for  break

例：forEach , return 无效

   

例: map ，return 返回一个新数组，即使，第二个是为undefined

小蟹蟹蟹蟹
关注
  • 3
    点赞
  • 踩
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Javascript 循环：for vs forEach vs for..
琴歌声声送我的博客
01-01 159
Javascript中有很多方法可以遍历Javascript中的项目数组或任何其他可迭代项目。这似乎是完成同一件事的很多方法，但它们都有自己的细微差别。要使其中任何一个正常工作，所讨论的项目也需要的。因此，虽然它们可以处理Map和数组等内容，但它们不会处理对象。字符串也是可迭代的。由于有很多方法，因此何时使用或Javascript可能会令人困惑。今天，让我们详细了解它们中的每一个的作用，以及何时使用它们。
vue中forEach修改数组里的对象视图不刷新，但map却可以？
hello，是翠花呀
01-24 2690
前景 vue2.+ 工作中我们经常需要修改某个数组里的某个属性并且希望视图数据刷新，但是vue2中如果直接通过下标修改数组属性值或新增属性则不会响应，如: data() { return { arr: [ { a: 0 } ] } } 此时如果直接这样arr[0] = {a: 999, b: 'bbb'}进行修改，视图不会改变。vue官方提供了set、set、set、forceU
循环（for、forEach、map)区别、性能
xbczrz的博客
02-22 5762
for 与 forEach、map的区别 在固定长度或者长度不需要计算的时候for循环效率高于foreach和map，for循环中可以通过break终止。 在不确定长度或者计算长度有损性能的时候用foreach和map比较方便 forEach、map的区别 相同点： 都是循环遍历数组中的每一项 forEach和map方法里每次执行匿名函数都支持3个参数，参数分别是item（当前每一项），index（索引值），arr（原数组） 匿名函数中的this都是指向window 只能遍历数组 都不会改变原数组
数组中map,forEach和for循环的区别
m0_53644792的博客
11-11 702
数组中map,forEach和for循环的区别
Java 每日一题： for 与 foreach 的区别 ？
最新发布
白白白鲤鱼的博客
07-24 376
Java每日一题🚀：说一下 for 与 foreach 的区别 ？
java和mapfor_java 关于Map 的两个for循环的区别是什么
weixin_29079743的博客
03-02 234
//这里是调用Map的entrySet方法迭代出Map中的Entry对象，//这里Entry对象中其实也是存放的为Key-->Value格式的键值对，其有getKey和getValue方法分别可以取其Key值和Value值//Entry中的Key--Value键值对和Map中的每一个键值对相对应//返回映射中包含的映射关系的Set视图。也是一个Set,而Set中每个元素是内部类Map.Ent...
for、for...in、for...of、forEach和map的区别
weixin_33725807的博客
05-28 160
遍历数组 //for…in遍历属性名称key，for…of遍历属性值value for(let i in arr){ console.log(i) //0,1,2 索引值 } for(let item of arr){ console.log(item ) //a,b,c es6的语法 } 复制代码var arr=[10,20,30]; var ...
for...in | for...of | forEach() | for循环 | map的使用区别
DecadentF的博客
06-20 190
对于纯对象的遍历，更适合使用for...in； 对于数组的遍历，如果不需要知道索引， 使用 for...of 好一些，因为还可以中断， 如果需要知道索引，则 forEach()更合适， 但是 forEach() 在执行过程中不能中断，会将所有成员遍历完，所以如果需要知道索引并且达到某种条件就中断的话推荐使用 for 循环， map一般当需要有返回值的时候使用，它会返回一个新数组。 ...
for循环与forEach的区别
自救 唯有自强
02-06 586
文章目录 js中那么多循环，for for…in for…of forEach，有些循环感觉上是大同小异今天我们讨论下for循环和forEach的差异。 我们从几个维度展开讨论： 1、for循环和forEach的本质区别。 2、for循环和forEach的语法区别。 3、for循环和forEach的性能区别。 本质区别 for循环是js提出时就有的循环方法。forEach是ES5提出的，挂载在可迭代对象原型上的方法，例如Array Set Map。 forEach是一个迭代器，负责遍历可迭代对象。那么遍历，
JavaScript-for循环for in、for of、forEach、map等遍历使用示例
weixin_41993525的博客
12-16 467
遍历类型 Javascript遍历类型：while、do while、for循环、for in、for of、forEach、map、扩展运算符（…） while let deArray = ["sd", 45, "test", 6]; let atIndex = 0; while (atIndex < deArray.length) { console.log("第" + (atIndex + 1) + "项", deArray[atIndex]); atIndex++; } do
5个数组Array方法: indexOf、filter、forEach、map、reduce使用实例
09-03
// 使用常规 "for" 循环遍历 for (var i = 0, l = arr.length; i ; i++) { console.log(arr[i]); } console.log("========================"); // 使用 forEach 遍历 arr.forEach(function(item, index) { ...
利用JavaScript的Map提升性能的方法详解
10-16
对于常规对象，我们需要使用`Object.keys()`、`Object.values()`或`Object.entries()`来获取键、值或键值对，而Map可以使用`for...of`循环或`forEach`方法直接遍历，且遍历顺序与插入顺序一致。此外，Map的`size`...
for与map的区别
qq_44312360的博客
02-08 1743
for遍历对自身和继承可枚举的属性，也就是说会包括哪些原型链上的属性 map方法不会对空数组进行检测，map会返回一个新的数组，不会对原数组产生影响 for in遍历数组的毛病： ​ 1.index索引为字符串型的数字，不能直接进行几何运算 ​ 2.遍历顺序有可能不是按照实际数组的内部顺序 ​ 3.使用for in遍历数组所有的可枚举属性，包括原型 for in更适合遍历对象，不要使用for in遍历数组 for of遍历的只是数组内的元素，不包含数组的原型属性和索引 遍历对象用fo
for循环、forEach、map三种方法的区别和适用场景
weixin_55115202的博客
12-11 305
在选择使用for循环forEach或map时，可以根据具体情况来决定。如果需要更多的控制权或对数组进行复杂操作，可以使用for循环；对于简单的遍历、修改原数组或生成新数组的操作，可以选择forEach或map，具体取决于是否需要生成新数组。根据任务的需求和代码的简洁性，选择合适的方法有助于提高代码的可读性和维护性。
for...in、for...of、forEach、map的区别
佳佳的博客
03-13 5501
for…in for…in以原始插入顺序访问对象的可枚举属性，包括从原型继承而来的可枚举属性。 let obj = { a:123, b:"abc" } for(let pro in obj){ console.log(pro+':' + obj[pro]) } //a:123 //b:abc for…in用于遍历数组时，可以将数组看作对象，数组下标看作属性名。但用f...
数组map和forEach循环的异同
qq_44885374的博客
03-05 623
相同点： 只能遍历数组； 都不会改变原数组； 都是循环遍历数组中的每一项； forEach和map方法里每次执行匿名函数都支持三个参数，参数分别是当前值，当前索引，原数组； 区别： map方法会返回一个新数组，数组中的元素为原始数组调用函数处理后的值。 map方法不会对空数组进行检测，如果遍历的是空数组会返回一个空数组。 forEach方法没有返回值； 对于空数组时不会调用回调函数的； arr...
vue forEach与map的区别
cc蒲公英的博客
07-06 1822
vue forEach与map的区别
vue forEach和map的区别
weixin_53587375的博客
03-08 1366
记录工作中遇到的问题，选择右边数组一项进行删除，forEach和map的区别就出来了 1.刚开始是foreach写的，效果没出来 this.rightTree：表示右边的数组 this.oriFatherId.id：选中一个的id this.rightTree.forEach((i)=>{ console.log(i.id); console.log(this.oriFatherId.id); if(i.id == this.o
前端Vue中map和forEach循环遍历数组区别
m0_49714202的博客
02-07 742
复制到控制台自己尝试可以加深印象 // var arr = [1,2,3,4,5,6,7]; // 区别 // a.相同点 // item:为数组每一项 // index:为数组索引 // array:为原始数组 // b.不同点: // forEach没有返回值return // map有返回值retrun // (1)forEach // const map1 = arr.forEach((it.
foreach和for循环区别 和map循环的区别
05-17
foreach和for循环的区别在于语法和使用场景。foreach是一种迭代器，用于遍历数组和集合。它的使用方式是在foreach关键字后面加上一个括号，括号中包含一个变量名和一个要遍历的数组或集合，然后在循环体内使用该变量即可。 for循环则是一种传统的循环方式，它的语法相对较为复杂，需要指定循环变量的初始值、循环条件和每次循环后的操作。for循环通常用于需要精确控制循环次数的情况下。 map循环则是一种遍历字典或关联数组的方式，它的语法与foreach类似，只是需要多一个键值对的解构，可以方便地获取键和值。map循环通常用于需要遍历关联数组或字典的情况下。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值