• 技术文章 >Web开发 >JavaScript

    jquery中如何使用$.each()遍历对象和数组

    宋雪维宋雪维2021-01-28 11:32:38原创3680

    jquery中的遍历方法,都是应用于遍历dom元素,而$.each()方法不仅可以遍历dom元素,还可以遍历任何对象,如果我们想要遍历对象和数组,可以使用$.each()方法先进行对象的成员或数组的索引,然后为对应变量或内容实施遍历。

    1、$.each()方法

    通用遍历方法,可用于遍历对象和数组,同时使用元素索引和内容。

    此方法可用于遍历任何对象。

    2、使用语法

    jQuery.each(object, [callback])

    3、使用参数

    object:需要遍历的对象或数组。

    callback:每个成员/元素执行的回调函数。

    4、使用$.each()遍历对象

    $.each({ name: "itmyhome", addr: "Beijing" },function(i, n){ 
    console.info("Name: " + i + ", Value: " + n); 
    });

    5、使用$.each()遍历数组

    var arr = ["one","two","three"];
    $.each(arr,function(){
        alert(this);    //one,two,three
    });
    
    var arr = [[1,4,3],[4,6,6],[7,20,9]];
    $.each(arr,function(i,item){
        alert(item[0]);    //1,4,7    item相当于取每一个一维数组
    });

    以上就是jquery中使用$.each()方法遍历对象和数组的过程,希望能对你有所帮助哦~更多JavaScript学习推荐:JavaScript教程

    专题推荐:js jquery
    上一篇:jquery中使用$.each遍历json数组 下一篇:如何使用jquery中children()方法筛选获取指定元素

    相关文章推荐

    • Python tkinter库如何安装?

    全部评论我要评论

    © 2021 Python学习网 苏ICP备2021003149号-1

  • 取消发布评论
  • 

    Python学习网