foreach循环用法(foreach和for循环区别)

   日期:2022-02-23     文章发布:文章发布    网络转载:生活号    
核心提示:for是大家最常用的,这里不解释了。 forEach()和map()两个方法都是ECMAScript5中Array引进的新方法,主要作用是对数组的每个元素执行一次提供的函数,但是它们之间还是有区别的。 老规矩,先看定义: Array.prototype.map() 官方解释:数组映射不会修改原来的数组 Array.prototype.forEach() 官方解释:数组遍历参数是函数三个参数1是对应...
移动站源标题:http://mip.818114.com/news/item-176152.html

for是大家最常用的,这里不解释了。

forEach()和map()两个方法都是ECMAScript5中Array引进的新方法,主要作用是对数组的每个元素执行一次提供的函数,但是它们之间还是有区别的。

老规矩,先看定义:

Array.prototype.map()

官方解释:数组映射 不会修改原来的数组

Array.prototype.forEach()

官方解释:数组遍历 参数是函数 三个参数 1 是对应的元素 2 是下标 3 是遍历的数组本身 不会修改原来的数组

for方法:

平时我们前端开发工作中经常会操作数组,遍历数组是最常用的,我项目组里面很多新同事一般都是用for循环来遍历数组,如下:

<script>
var arr=["a","b","c","d"];
for (var i=0;i<arr.length;i++)
{
 console.log(arr[i]);
}
</script>

运行结果如下:

forEach方法

下面就看看用forEach怎么写:

<script>
var arr = ['a', 'b', 'c', 'd']
arr.forEach(function (val, index, arr)
{
 console.log('index:'+index+','+'val:'+val) // val是当前元素,index当前元素索引,arr数组
 console.log(arr)
});
</script>

输出内容如下:

map方法

map可以理解为映射,实际上会产生一个新的数组,直接上代码:

<script>
var arr=["a","b","c","d"];
var newArray = arr.map(function (value) {
 return value+"-1";
});
console.log(newArray)
</script>

输出新的数组,内容如下:

最后总结一下:for和forEach都用于遍历数组本身,而map则是生成一个新的数组。

for和forEach区别如下:

for里面可以加关键字continue, break来控制循环,但是forEach只能使用if配合return 语句来控制 ,return true等同于continue, return false等同于break。

如果这篇教程能帮助到各种小伙伴,帮忙转发一下,后续我会抽时间继续写一些基础教程。

免责声明:本网部分文章和信息来源于互联网,本网转载出于传递更多信息和学习之目的,并不意味着赞同其观点或证实其内容的真实性,如有侵权请通知我们删除!(留言删除
 
 
更多>同类行业

同类新闻
最新资讯
最新发布
最受欢迎
网站首页  |  黄页  |  联系方式  |  信息  |  版权隐私  |  网站地图  |  API推送  |  网站留言  |  RSS订阅  |  违规举报  |  京ICP备2000095号