vue中用foreach循环遍历数组（foreach循环遍历数组方法介绍）

在vue中用foreach循环遍历数组全部元素，利用回调函数对数组进行操作，自动遍历整个数组，且无法break中途跳出循环，不可控，不支持return操作输出，return只用于控制循环是否跳出当前循环。

回调有三个参数：第一个参数是遍历的数组内容，第二个参数是对应的数组索引，第三个参数是数组本身。

forEach的使用实例代码如下：

var arr = [1,2,3,4,5,];
arr.forEach(function(item,index){ 
 console.log(item);
});

这个方法是没有返回值的，仅仅是遍历数组中的每一项，不对原来数组进行修改；

但是可以自己通过数组的索引来修改原来的数组；

var ary = [12,23,24,42,1];  
var res = ary.forEach(function (item,index,input) {  
   input[index] = item*10;  
})  
console.log(res);//--> undefined;  
console.log(ary);//--> 通过数组索引改变了原数组；

map和forEach区别

(1). map：基本与forEach一致，不同的是它会返回一个新数组，callback需有return值，如没有，会返回undefined。

(2). forEach: 遍历与循环，默认有三个传参：遍历的数组内容(item)、索引(index)、当前遍历(Array)。