javascript - $ .inArray的对象数组总是返回-1

var myWidth = 20;
var myHeight = 30;

allDims = [
  {w: 20, h: 30},
  {w: 10, h: 15}
]

if ($.inArray({w: myWidth, h: myHeight}, allDims) !== -1) {
   ...
}

为什么if条件总是返回-1？

最佳答案

这不起作用，因为对对象的相等性测试基于引用的相等性。

从the MDN：


  对于严格或抽象，两个不同的对象永远不相等
  比较


因此，您必须通过循环并比较w和h来自己实现索引搜索。

例如 ：

   var index = -1;
   for (var i=0; i<allDims.length; i++) {
      if (allDims[i].w==myWidth && allDims[i].h==myHeight) {
          index = i;
          break;
      }
   }

如果您想要更优雅的东西，可以使用filter并传递一个函数，但是即使不需要时，它也会遍历整个数组。可以设计类似于indexOf的通用函数，但可以设计一个回调来检查是否相等：

Array.prototype.indexFunc = function(o, equal) {
  for (var i=0; i<this.length; i++) {
     if (equal(o,this[i])) return i;
  }
  return -1;
}
console.log(allDims.indexFunc({w:10, h:15}, function(a,b) {
       return a.w==b.w && a.h==b.h
})); // logs 1