是否有任何 jquery 功能可以以与 DOM 类似的方式查询多维数组？

Question

问题是什么...

jQuery 是否有任何方法可以让您以与 DOM 类似的方式查询多维对象数组。

例如，给我一个多维数组中包含的对象列表，这些对象具有一些匹配的属性值 - 例如，其中 StartOfPeriod 大于指定日期，或者 name == “Ben Alabaster”

我想避免重新发明如果已经有东西的话，就用轮子。

Answer 1

您不能使用选择器语法，但 jQuery 附带 $.grep 和 $.inArray，这对此很有用。 grep 返回与谓词匹配的新元素数组。 inArray 返回第一个匹配元素的索引，即 -1。例如：

var matches = $.grep(array, function(el){
  return el.StartOfPeriod > 2000;
});

这些类似于标准 ECMAScript 方法， Array .filter（类似于grep）和Array.indexOf（类似于inArray）； jQuery 实际上在可用的情况下使用 Array.indexOf。还有其他有用的 ECMAScript 方法，例如 Array.every （所有元素匹配）和 Array.some（至少一个匹配）。 MDC 具有可以添加到项目中的代码，因此这些代码可以在没有本机实现的浏览器中运行。

Answer 2

您可能会找到一个插件，但不在 jQuery 核心中。有一些有用的数组方法：each、unique、inArray。结合起来，您可以创建一些自定义的东西来满足您的需求。

你正在寻找的更多的是一个带有xpath之类的遍历的集合库。原型有更多的数组方法。但仍然可能无法满足您开箱即用的确切需求。

我同意alex的观点，这样的库/扩展会很有趣。

Answer 3

我刚刚写了这个..我认为它工作正常，但它肯定可以被清理:)

function findMatchingObjects(obj, member, value){
   var final = new Array();
   var temp = new Array();
   for(var p in obj){
    if (typeof obj[p] == 'object' ) {
     temp = findMatchingObjects(obj[p], member, value);
     if (temp.length == 1)
      final.push(temp[0]);
    }
    if (p == member && obj[p] == value) {
     final.push(obj);
    }
   }
   alert(final.length);
   return final;
}

像这样使用它：

var moo ={baz: 1, boo: 2, bar:{c1: 3, c2: 4, c3:{t:true, f:false, baz:1}},d: 11};
var foo = findMatchingObjects(moo, "baz", 1);

// did it work?
console.log(foo);

返回与成员值对匹配的对象数组（或子对象） 。在本例中，foo 包含 moo 和 c3，因为这两个对象都包含 baz = 1 对。

让函数看起来像一个 jQuery 选择器只是一个语法糖的问题。