jQuery.each（）— jQuery如何知道参数是索引，键，值还是对象？

Question

说像这样：

$.each(json_object_or_array, function(arg1, arg2) {

      //do something
});

我已经看到了arg1 ， arg2是i或index或key或val或value或obj甚至是隐式引用其中之一的随机名称的情况。 例如，我看过function(key, val)也表现为function(name, val) 。 jQuery如何知道这里的name是指key ？

jQuery如何知道我们指的是什么？

Answer 1

不懂英语。 您使用的变量名称完全是任意的-参数名称仅在函数内相关。 索引（或i或键）是第一个参数； 值（或obj或val）为第二个。

编辑：如果您问jQuery.each如何知道它是否应该像集合是数组或对象那样进行迭代-它会尝试从集合本身中进行检测。 有时会错过，特别是在旧版本的jQuery中。

 var weird = { length: 2, width: 7, breadth: 8 }; $.each(weird, function(k, v) { console.log(k, v); }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script> 

在这里，它认为我们正在处理数组，因为它具有length ，所以它开始对索引进行计数。 较新的jQuery将正确执行此操作，并显示对象的属性：

 var weird = { length: 2, width: 7, breadth: 8 }; $.each(weird, function(k, v) { console.log(k, v); }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 

Answer 2

$.each是一个通用的迭代器函数 。

如果它是Array那么这将是index value ，如果将object那么它有key value 。 基于$.each(object/Array) 。

您可以根据以下信息检查类型

jQuery.type( new Array() ) === "array" or  


jQuery.type( new Object() ) === "object"

jQuery在内部检查类型，并以此为基础进行工作。

Answer 3

虽然选择了答案，但我想解释一下我的想法：

下面的代码片段取自jQuery库，您可以在其中查看其内部功能。 您可以看到if条件是否存在，它会检查对象是否为Array或Object 。

如果传递的元素是类似Array的对象，则它将在内部创建一个循环，然后使用标准的for循环进行迭代：

for(;;){} 

如果对象然后使用for .... in循环：

for(var key in object){}

因此，此代码段显示了用法：

// args is for internal usage only
each: function( obj, callback, args ) {
    var value,
        i = 0,
        length = obj.length,
        isArray = isArraylike( obj ); // <---this checks the passed obj is [] || {}

    if ( args ) {
        if ( isArray ) { // <----------------------if [] then use standard for loop
            for ( ; i < length; i++ ) {
                value = callback.apply( obj[ i ], args );

                if ( value === false ) {
                    break;
                }
            }
        } else { // <------------------------------if {} then use for..in loop 
            for ( i in obj ) {
                value = callback.apply( obj[ i ], args );

                if ( value === false ) {
                    break;
                }
            }
        }

    ........
},

这是isArrayLike()方法：

function isArraylike( obj ) {

    // Support: iOS 8.2 (not reproducible in simulator)
    // `in` check used to prevent JIT error (gh-2145)
    // hasOwn isn't used here due to false negatives
    // regarding Nodelist length in IE
    var length = "length" in obj && obj.length,
        type = jQuery.type( obj );

    if ( type === "function" || jQuery.isWindow( obj ) ) {
        return false;
    }

    if ( obj.nodeType === 1 && length ) {
        return true;
    }

    return type === "array" || length === 0 ||
        typeof length === "number" && length > 0 && ( length - 1 ) in obj;
}