jquery - 了解数据对象，each 和 grep

Question

回答如何检查 jQuery .data() 函数中是否存在值

（请不要反对将一堆数据值添加到表单对象的有效性，而不是我的决定）

我使用每个创建了一个 jsfiddle

这使

Object {v1: "value11", v2: "value2", v3: "value3", v4: "value4", v5: "value5"} fiddle.jshell.net:25
Uncaught TypeError: Object #<Object> has no method 'each'

注意：如果我将对象包装在 $(..) 中，它也不起作用

使用 $.each解决了jsfiddle 使用 $.each

$(function() {
  $("form[name=update]").data("values", {"v1": "value11", "v2": "value2", "v3": "value3", "v4": "value4", "v5": "value5"});
  $(".but").on("click",function(e) {
    var $fData = $("form[name=update]").data("values");
    var val = $(this).val();
      console.log($fData);
    $fData.each(function(n,i) { 
        console.log("!!!",n,i)
      if (n[i]===val) {
        alert("duplicate value");
        return false;
      }    
    })  
    e.preventDefault()  
  });
});  

和

jsfiddle 使用 grep在任务中完全失败。

$(function() {
  $("form[name=update]").data("values", {"v1": "value11", "v2": "value2", "v3": "value3", "v4": "value4", "v5": "value5"});
  $(".but").on("click",function() {
    var $fData = $("form[name=update]").data("values");
    var val = $(this).val();
    var idx = $.grep($fData, function(n,i) { 
        console.log("n",n); // why no console output for this???
        return n[i]===val; 
    });  
    console.log(idx);  
    if (idx!=-1) {
      alert("duplicate value")
    }
  });
});  

问题：

1. 为什么我不能each在返回的对象上运行
2. grep我在做什么（之前只使用过一次 grep ）
3. 为什么内部没有控制台输出grep

Answer 1

$.each仅适用于 jQuery 对象，因此您需要包装您的对象：

$($fData).each(function (n, i) {

或将其传递给$.each：

$.each($fdata, function(n, i) {

至于$.grep()，问题在于您的输入是一个对象，而不是一个数组。$.grep有点默默地失败了你：

grep: function( elems, callback, inv ) {
    var retVal,
        ret = [],
        i = 0,
        length = elems.length;  // <-- Here's why
    inv = !!inv;

    // Go through the array, only saving the items
    // that pass the validator function
    for ( ; i < length; i++ ) {
        retVal = !!callback( elems[ i ], i );
        if ( inv !== retVal ) {
            ret.push( elems[ i ] );
        }
    }

    return ret;
},