javascript 或 jquery 中方法 .some() 的等效工作？

Question

正在寻找“等效于 javascript 中的某些方法”和“如果在数组中则只返回一个值”，但只看到了确定变量类型或太多不必要的方法的答案。

我绕过了 html 中的所有输入，我想要这样的东西：

$('#goodsFilter')
    .find('input[type="number"]')
    .some(function(i,el){
        return (isNumber($(el).val())) ? 1 : 0;
});

但它会抛出一个错误：

“TypeError: 'undefined' is not a function”（例如 Safari 6.0.4）。

UPD：错误来自最后一行，是的，});。 isNumber：

function isNumber(n) { return !isNaN(parseFloat(n)) && isFinite(n); }

这应该检查每个输入信息是否存在，如果其中至少一个不为空，则返回 1，否则返回 0。 如何替换它以在大多数现代浏览器中工作？

统一更新： 问题解决了。我在选择答案时有点困惑。 @RobG 实现 .some() 的代码对于初学者（我也是）更容易理解，所以我换了票。

Answer 1

对于其他来此线程的人，您可以通过这种方式在 jQuery 对象上使用 some()：

 $.makeArray($(...)).some(function(x) { ... })

jQuery.makeArray() 将 jQuery 对象转换为 Array，因此您可以在其上使用 some()。

---

根据@alf-eaton 的建议，您可以使用：

$(…).toArray().some(function(node) { … })

Answer 2

Array.prototype.some 返回真或假，所以你可以这样做：

.some(function(el){
        return !isNaN(el.value);
}

你不说错误是从哪里来的，是对isNumber的调用吗？

编辑

啊，所以你的问题是 some。

如果你想要一个 jQuery some 方法，那么它至少应该模仿内置的 ECMAScript some，它有两个参数：一个回调函数和一个可选的 这个参数。

回调函数应采用三个参数：值、索引（可选）和用作this 参数的可选值。它应该按升序访问数字成员，并且只访问实际存在的成员。

所以它应该是这样的（注意 jQuery.fn === jQuery.prototype）：

jQuery.fn.some = function(fn, thisArg) {
  var result;

  for (var i=0, iLen = this.length; i<iLen; i++) {

    if (this.hasOwnProperty(i)) {

      if (typeof thisArg == 'undefined') {
        result = fn(this[i], i, this);

      } else {
        result = fn.call(thisArg, this[i], i, this);
      }

      if (result) return true;
    }  
  }
  return false;
}

所以如果你现在想要，你可以这样做：

var result = $('#goodsFilter')
              .find('input[type="number"]')
              .some(function(el) {
                 return isNumber(el.value); 
              })? 1 : 0; 

或者您可以执行以下任一操作将 true 强制为 1 并将 false 强制为 0：

var result = Number($('#goodsFilter')
              .find('input[type="number"]')
              .some(function(el) {
                 return isNumber(el.value); 
              }));

或

var result = +($('#goodsFilter')
              .find('input[type="number"]')
              .some(function(el) {
                 return isNumber(el.value); 
              }));

以上只是简单测试，可选的thisArg参数可能是多余的。

Answer 3

您可以使用.filter 方法，然后检查长度。

$('#goodsFilter')
    .find('input[type="number"]')
    .filter(function(i,el){ return isNumber($(el).val())); })
    .length > 0

Answer 4

。 .在最基本的版本中，您可以只创建一个“some”函数：

function eSome(arr, f) { var i = 0, n = arr.length;
  for (;i<n;i++) { if (!i in arr) { continue }
    if (f(i, arr[i])) { return true; }
  } return false;
}

var list = [0, 1, 2, 3, 4, 5];
var testFunction = function (i, e) { return e === 2; };
console.log(eSome(list, testFunction));
//returns true and the loop ran only for the necessary three times.

。 .如果您想在 jQuery 对象中链接 .some 调用，您也可以将其添加为 jQuery 函数，使用类似这样的示例（现已测试和修复）：

jQuery.fn.some = function (f) { var i = 0, n = this.length;
  for (;i<n;i++) { if (!i in this) { continue }
    if (f(i, this[i])) { return true; }
  }
  return false;
}

$('.a').some(function (i, el) { return ($(el).text() == 'weeee!'); });

。 .正如@RobG 在 cmets 中指出的那样，本机 Array.prototype.some 实现使用一组不同的参数调用您的回调。我正在关注 OP 的示例代码，但您可以在循环内使用 if (f(this[i], i, this)) { return true; } 来模仿 ECMA 实现的参数。

。 .您也可以在 Array.prototype.some 上填充它，但我强烈建议不要对内置原型进行任何直接修改。

Answer 5

$(...).is(function) 也应该可以工作。 jQuery API 文档状态（强调我的）：

根据选择器、元素或 jQuery 对象检查当前匹配的元素集，如果这些元素中至少有一个与给定参数匹配，则返回 true。

因此，使用问题中的示例，我们会得到如下内容：

var result = $('#goodsFilter')
              .find('input[type="number"]')
              .is(function(idx, el) {
                  return isNumber(el.value); 
              })? 1 : 0; 

Answer 6

Vanilla Javascript 中的实现（带有箭头语法）

function some(arr,callback){
  for(let i=0;i<arr.length;i++){
    if(callback(arr[i],i,arr)){
      return true;
    }
  }
  return false;
}

一些用途：

检查一个数组是否有偶数：

function hasEvenNum(arr){
  return arr.some(value=>{
    return value % 2 === 0;
  });
}

Answer 7

尝试使用[].prototype.call 方法，第一个参数将是一个类似数组的值，第二个参数是一个函数，将在每个元素上调用。

[].some.call($('#goodsFilter').find('input[type="number"]'), function (el) {
    return isNumber($(el).val());
});