美文网首页大前端开发
js中循环each、forEach、map、for in、for

js中循环each、forEach、map、for in、for

作者: 若尘_b230 | 来源:发表于2019-08-16 15:50 被阅读0次

    前言:

    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使用示例

    相关文章

      网友评论

        本文标题:js中循环each、forEach、map、for in、for

        本文链接:https://www.haomeiwen.com/subject/bahfsctx.html