• js中each函数的用法


    官方说明:

    jQuery.each(object, [callback]) 

    概述 
    通用例遍方法,可用于例遍对象和数组。 

    不同于例遍 jQuery 对象的 $().each() 方法,此方法可用于例遍任何对象。回调函数拥有两个参数:第一个为对象的成员或数组的索引,第二个为对应变量或内容。如果需要退出 each 循环可使回调函数返回 false,其它返回值将被忽略。 

    参数 
    objectObject 
    需要例遍的对象或数组。 

    callback (可选)Function 
    每个成员/元素执行的回调函数。

    each,一般用来循环 数组、对象、Dom元素

    1.循环数组

      a.一维数组

    var arr = [ "one", "two", "three", "four"];     
     $.each(arr, function(){     
        alert(this);     
     });  
    //arr为循环对象,上面这个each输出的结果分别为:one,two,three,four    
    还可以写成:
     $.each(arr, function(i,v){     
    //  console.log(arr[i]);     // one ,two  ...
    //  console.log(this)      //类型为字符串对象
      console.log(v)     //one ,two  ...
        
     });   
    b.二维数组
    var arr1 = [[1, 4, 3], [4, 6, 6], [7, 20, 9]]     
    $.each(arr1, function(i, item){     
       alert(item[0]);     
    }); 
    item相当于取每一个一维数组,   
    item[0]相对于取每一个一维数组里的第一个值,所以上面这个each输出分别为:1   4   7     
      
    2.循环对象
    var obj = { one:1, two:2, three:3, four:4};     
    $.each(obj, function(i) {     
        alert(obj[i]);           
    });   

      循环每一个属性,输出结果为:1 2 3 4

     3.循环Dom

     

    <html>
    <head>
    <script type="text/javascript" src="/jquery/jquery.js"></script>
    <script type="text/javascript">
    $(document).ready(function(){
      $("button").click(function(){
        $("li").each(function(){
          alert($(this).text())
        });
      });
    });
    </script>
    </head>
    <body>
    <button>输出每个列表项的值</button>
    <ul>
    <li>Coffee</li>
    <li>Milk</li>
    <li>Soda</li>
    </ul>
    </body>
    </html>
  • 相关阅读:
    python排序算法的实现-插入
    python排序算法的实现-选择
    python排序算法的实现-冒泡
    python数据结构之图深度优先和广度优先
    python数据结构之图的实现
    python数据结构之二叉树遍历的实现
    python数据结构之二叉树的实现
    python数据结构之栈、队列的实现
    让淘宝链接在微信中分享,GO
    解决git 不同branch 下node_moudes不同步的问题
  • 原文地址:https://www.cnblogs.com/pengBoRan/p/8796494.html
Copyright © 2020-2023  润新知