前端遍历函数

forEach()

1、forEach() 是JS遍历数组的方法

<%@ page language="java" contentType="text/html; charset=UTF-8"

pageEncoding="UTF-8"%>

小白学习

2、forEach() 方法还可用于调用数组的每个元素，依次传递给回调函数 [ 例子中的 myfunction(） ]。

<%@ page language="java" contentType="text/html; charset=UTF-8"

pageEncoding="UTF-8"%>

小白学习

结账

总消费： 元

需要注意的是，如果是空数组，那么就不会去执行回调函数

$().each()

1、$().each：一般在dom（文档对象模型）处理上面用的较多。

例如：

<%@ page language="java" contentType="text/html; charset=UTF-8"

pageEncoding="UTF-8"%>

小白学习

语文

数学

英语

<%@ page language="java" contentType="text/html; charset=UTF-8"

pageEncoding="UTF-8"%>

小白学习

$.each()

$.each() 可遍历数组，也可用来处理json对象。

1、遍历一维数组

<%@ page language="java" contentType="text/html; charset=UTF-8"

pageEncoding="UTF-8"%>

小白学习

2、遍历二维数组

<%@ page language="java" contentType="text/html; charset=UTF-8"

pageEncoding="UTF-8"%>

小白学习

3、处理json对象

<%@ page language="java" contentType="text/html; charset=UTF-8"

pageEncoding="UTF-8"%>

小白学习

4、处理二维数组中的 json对象

<%@ page language="java" contentType="text/html; charset=UTF-8"

pageEncoding="UTF-8"%>

小白学习

5、处理 dom元素

这个跟 $().each() 是差不多的，就不演示了。

总结

这几个看起来好像区别不大，但是用法有不同之处，应用场景也有区别，所以还是要多去实践才能积累经验，更好的运用。