zoukankan      html  css  js  c++  java
  • array.forEach和$.each()及$().each()的用法与区别

    1.$.each():方法是jQuery中的方法,用于遍历数组或对象。用法:$.each(array,function(index,value){...}),有两个参数,第一个为待遍历的数组或对象,第二个为回调函数,函数中的两个参数,index为当前遍历到的元素下标或对象的key,value为当前遍历到的数组元素或对象的值。
    2.$().each():一看带有$,顾名思义也是jQuery中的方法,多用于遍历dom数组。用法$('selector').each(function(index,value){...})。

    3.forEach:即Array.prototype.forEach,只有数组才有的方法,等同于过去的for循环遍历数组。用法:arr.forEach(function(item,index,array){...}),其中回调函数有3个参数,item为当前遍历到的元素,index为当前遍历到的元素下标,array为数组本身。forEach方法不会跳过null和undefined元素。比如数组[1,undefine,null,,2]中的四个元素都将被遍历到,注意与map的区别。

    【1】$('selector').each(function(index,value){...})

    复制代码
    $("input[name='ch']").each(function(index,value){
        if($(this).attr("checked")==true){
            //一些操作代码
        }
    }
    复制代码

    【2】$.each(array,function(index,value){})

    复制代码
    遍历对象
    var obj = { one:1, two:2, three:3, four:4, five:5 };
    $.each(obj, function(key, val) {
    console.log(key+":"+val);
    });
    复制代码
    复制代码
    遍历数组
    var arr1 = [ "one", "two", "three", "four", "five" ];
    $.each(arr1, function(){
    alert(this);
    });
    复制代码

    【3】arr.forEach(function(item,index,array){...})

    复制代码
    var arr=[1,2,3,4];
    arr.forEach(function(val,index,arr){
        arr[index]=2*val;
    });
    console.log(arr);//结果是修改了原数组,为每个数乘以2
    复制代码
  • 相关阅读:
    Spring源码学习之容器的基本实现(一)
    面向对象设计原则
    简单易懂带你了解红黑树
    简单易懂带你了解二叉树
    单例模式
    原形模式
    数组与链表
    记一次解决postgresql数据库内存泄露的问题
    记一次排查CPU高的问题
    react ts 设置paths 和 声明非@types的模块
  • 原文地址:https://www.cnblogs.com/hlyin/p/13560447.html
Copyright © 2011-2022 走看看