`
zccst
  • 浏览: 3315608 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

jQuery的$.each循环的对象

阅读更多
作者:zccst


    //最简单的对象
	var o = {
        'name':"哈哈",
        'age' : 30,
        'level':"2b",
        'sex' : '男'
    };
    $.each(o, function(key, value){
        console.log(key, value);
    });

    //最基本的数组
    var a = [3,4,5,6,7];
    $.each(a, function(key, value){
        console.log(key, value);
    });

    
    //又像数组,又像对象(晕晕的,$.each不循环)
    var arr = [];
    arr['name'] = "helios";
    arr['version'] = 'trunk';
    console.log(arr, typeof arr);
    console.dir(arr);
    $.each(arr, function(key, item){
        console.log(key, item, item[key]);
    });
    
    console.log( Object.prototype.toString.call(arr) );
    console.log( arr.constructor , arr.constructor === Array);
    console.log(arr && typeof(arr) === "object" && arr.constructor === Array);

    var a1 = [], b1 = {};
    console.log(typeof a1, typeof b1);



    //JSON数据
    var s = [{
        'name':"哈哈",
        'age' : 30,
        'level':"2b",
        'sex' : '男'
    },{'name':"嘿嘿",
        'age' : 30,
        'level':"3b",
        'sex' : '男'
    }];
    $.each(s, function(index, item){
        console.log(index, item, item.name);
    });



如果您觉得本文的内容对您的学习有所帮助,您可以微信:
分享到:
评论

相关推荐

    jquery $.each json 获取json 数据

    在实际开发中,我们可能需要在$.each循环中进行更复杂的操作,比如更新DOM元素、计算数据或者发送Ajax请求。例如,假设我们有一个JSON数组,每个元素包含一个HTML片段,我们可以遍历数组并在页面上渲染这些片段: `...

    jQuery中$.each()函数的用法引申实例_.docx

    ### jQuery中$.each()函数的深入理解与应用 #### 一、概述 在现代Web开发中,jQuery作为一...无论是基本的数组遍历,还是复杂的对象处理,甚至是控制循环流程,`$.each()`都能够轻松应对,为开发者带来了极大的便利。

    javascript $.each用法例子

    JavaScript中的`$.each()`函数是jQuery...综上所述,`$.each()`是jQuery中的一个核心方法,极大地简化了JavaScript中的循环操作,特别是在处理数据和DOM操作时。通过深入理解和熟练运用,可以提高代码的可读性和效率。

    jQuery中$.each使用详解

    $.each 函数是 jQuery 中最常用的迭代方法之一,相比原生 JavaScript 的 for 和 for-in 循环,$.each 提供了一种更简洁、直观的遍历方式。此外,它不仅限于 jQuery 创建的集合,任何 JavaScript 的数组和对象都可以...

    jquery $.each()使用探讨

    jQuery库中的$.each()是一个非常实用的方法,它可以遍历数组、对象,或者DOM元素集合。在使用jQuery进行前端开发时,经常需要对集合中的元素进行操作,这时$.each()方法就能发挥其强大的作用。下面就详细介绍$.each...

    jQuery中$.each()函数的用法引申实例

    在JavaScript的世界里,遍历数据结构是常见的操作,jQuery提供了$.each()函数,它为开发者提供了方便、灵活的方式来遍历数组、对象或者其他集合。本文将深入解析jQuery中$.each()函数的用法,并通过实例来展示其功能...

    jQuery使用$.each遍历json数组的简单实现方法

    退出$.each循环 在回调函数中,如果返回值为`false`,则会退出$.each方法的迭代,类似于其他JavaScript迭代方法(如Array的forEach)中的`break`语句。这可以作为循环终止的条件。 #### 5. $.each与普通for循环的...

    JQuery中$.each 和$(selector).each()的区别详解

    在JQuery中,有两个经常被用来遍历对象和数组的函数,分别是$.each和$(selector).each()。这两个函数虽然功能相似,但它们的用法和适用范围有所不同。 $.each函数是一个通用的遍历函数,它可以用来遍历数组、对象,...

    jQuery $.each的用法说明

    - `$.each()`不适用于遍历DOM元素集合,对于这种情况,可以使用`$.fn.each()`,它是jQuery对象的方法。 ### 4. 实际应用场景 - 数据预处理:在提交表单前,可以使用`$.each()`遍历表单元素,验证输入值的正确性。 ...

    jquery $.each 和for怎么跳出循环终止本次循环

    当我们需要遍历数组或对象时,`for`循环和jQuery的`$.each`函数是常见的选择。然而,在某些情况下,我们可能需要在循环过程中提前终止当前循环,无论是跳过当前迭代还是完全停止循环。以下是关于如何在jQuery的`$....

    深入理解$.each和$(selector).each

    深入理解JavaScript中的$.each和$(selector).each方法是jQuery库中的两个重要遍历工具,它们在处理数组、JSON对象以及jQuery对象时发挥着关键作用。 首先,$.each方法是一个通用的迭代器,它可以用于遍历任何集合,...

    原生JS forEach()和map()遍历的区别、兼容写法及jQuery $.each、$.map遍历操作

    本文实例讲述了原生JS forEach()和map()遍历的区别、兼容写法及jQuery $.each、$.map遍历操作。分享给大家供大家参考,具体如下: 一、原生JS forEach()和map()遍历 共同点: ①.都是循环遍历数组中的每一项。 ②....

    $.each与$().each的区别示例介绍

    总结一下,`$.each` 是一个通用迭代器,用于遍历对象和数组,而`$().each` 是专门用于遍历jQuery对象中的DOM元素。两者都可以接收一个回调函数,但它们的上下文和应用场景不同。在编写jQuery代码时,理解这两个方法...

    jquery.query.js

    4. 遍历与迭代:$.each()方法提供了遍历对象或数组的能力,可以方便地进行循环操作。 5. 条件判断:$.if()和$.switch()模拟了条件语句,使得JavaScript代码更接近自然语言,易于理解和维护。 6. 数组和对象操作:$...

    JS中的forEach、$.each、map方法推荐

    `$.each`是jQuery库提供的一个遍历方法,它不仅适用于数组,也可以用于遍历对象。与原生的`forEach`不同,`$.each`方法的回调函数参数顺序是相反的,即先传入数组索引或对象的键,然后是对应的值。 例如,以下代码...

    jquery插件.rar

    2. 使用方式:在HTML文档中引入jQuery库后,可以通过$.fn.myPlugin()调用插件,例如: ```html <script src="jquery.js"> <script src="myPlugin.js"> $(document).ready(function() { $('selector').myPlugin();...

    JQuery自学第一天.docx

    - JQuery的`$.each()`还可以用于遍历JQuery对象中的元素。 7. **静态方法`$.map()`**: - 与原生JS的`Array.prototype.map()`相似,但`$.map()`不仅适用于数组,还能用于JQuery对象。 - `$.map()`可以用来生成新...

    jquery的each()详解.docx

    两种调用方式`$.each()`和`jQuery对象.each()`本质上是相同的,只是后者更加直观,直接在jQuery对象上调用。 在jQuery源码中,`each()`函数的实现允许我们对数组或对象进行自定义操作,同时提供了中断循环的能力。...

Global site tag (gtag.js) - Google Analytics