each和foreach的区别以及使用场景

each方法的使用场景

1在template中使用

{{each 数组}}
<li>{{ $value }}</li>
{{/each}}

用来遍历数据

2在jquery中的使用

$.each(数组, function)
$('div').each(function) 一般用于遍历 jQuery 选择器选择到的伪数组实例对象

3原生js提供的foreach方法

forEach 是 EcmaScript 5 中的一个数组遍历函数，是 JavaScript 原生支持的遍历方法 可以遍历任何可以被遍历的成员

使用区别

首先template中的each方法和后两者没有任何关系，仅仅是模板引擎中用来渲染数据的一种简明语法。

而jQuery 的 each 方法和原生js的 forEach 几乎一致，但是：

​ 1.由于 forEach 是 EcmaScript 5 中的，所以低版本浏览器不支持。

​ 2.由于 forEach 是 用于遍历数组，不能遍历对象

所以jquery中的each方法主要适于用在一下场景：

1. 方便的遍历 jQuery 元素（伪数组）
2. 可以在不兼容 forEach 的低版本浏览器中使用 jQuery 的 each 方法