js与jq中循环each、forEach、map、for in、for of使用说明

前言:

each、forEach 循环数组或者对象,在循环中处理数据;each为jquery的循环方法,forEach为js的循环方法;

map返回一个新数组,数组中的元素为原始数组元素调用函数处理后的值。

for in循环实际是为循环”enumerable“对象而设计的,for in也可以循环数组,但是不推荐这样使用,for in是用来循环带有字符串key的对象的方法。只能获得对象的键名,不能直接获取键值。

for of为ES6提供,具有iterator接口,就可以用for of循环遍历它的成员

内容:

1、each

         $.each(arr,function(index,item)) 参数为数组和回调函数,回调函数参数为元素在数组中得下标、每个元素,回调函数可以通过return false退出循环

each的两种用法示例

2、forEach

             arr.forEach(function(item,index)) 参数为回调函数,回调函数的参数为,每个元素、元素在数组中的下标;没有返回值,只是针对每个元素调用func,回调函数不可以通过return退出循环。 forEach() 对于空数组是不会执行回调函数的。

forEach用法示例

3、map

map() 方法按照原始数组元素顺序依次处理元素;它不会对空数组进行检测也不会改变原始数组;map()方法执行过程中不会中断,直到数组遍历完成。

map的使用示例

4、for in

for in循环实际是为循环”enumerable“对象而设计的,for in也可以循环数组,但是不推荐这样使用,for in是用来循环带有字符串key的对象的方法。

for in用法示例

5、for of

for of为ES6提供,具有iterator接口,就可以用for of循环遍历它的成员。也就是说,for of循环内部调用的是数据结构的Symbol.iterator方法。for of循环可以使用的范围包括数组、Set和Map结构、某些类似数组的对象(比如arguments对象、DOM NodeList对象)、后文的Generator对象,以及字符串。

for of使用示例
扫码领红包

微信赞赏支付宝扫码领红包

发表回复

后才能评论