3

在 javascript 中,我需要知道数组是否包含值。值是对象,我可以拥有同一对象的不同实例,这意味着 $.inArray(...) 将不起作用。我知道如何使用 $.each(...) 来完成我的任务,我的问题是 - 是否可以将具有值比较逻辑的函数传递给任何 jQuery 方法(参见带有所需 sintax 的示例)?

    // values
var val1 = { id: 1, description: 'First value'};
var val2 = { id: 2, description: 'Second value'};
var val3 = { id: 3, description: 'Third value'};        
// array of values
var values = [ val1, val2, val3 ];
// inArray of jQuery to know if value is in array -> returns TRUE
var isInArray = $.inArray(val2, values) > -1;

// another instance of same object "val2"
var val2_anotherInstance = { id: 2, description: 'Second value'};
// inArray works as expected -> returns FALSE but desirable result is TRUE
var isInArray_anotherInstance = $.inArray(val2_anotherInstance, values) > -1;

// define function for comparing values (any logic can be implemented, for example searching by Id)
var valueComparer = function(first, second) {
    return first.id == second.id && first.description == second.description;
}
// function compares objects and returns true for different instances
alert(valueComparer(val2, val2_anotherInstance));

// desirable sintax:
// is something like this possible ???      
// NOTE next line not correct
isInArray_anotherInstance = $.inArray(val2_anotherInstance, values, valueComparer) > -1;
// actually what I want is specify criteria for searching value in array
4

4 回答 4

2

尝试grep

var val1 = { id: 1, description: 'First value'};
var val2 = { id: 2, description: 'Second value'};
var val3 = { id: 3, description: 'Third value'};        

var values = [ val1, val2, val3 ];

// another instance of same object "val2"
var val2_anotherInstance = { id: 2, description: 'Second value'};


var items = $.grep(values, function(x) {
    return x.id == val2_anotherInstance.id
})

var found = items.length > 0

为了更优雅,您可以使用布尔聚合函数,如本答案中所提供:

val2_in_array = $.some(values, function() {
    return this.id == val2_anotherInstance.id
});
于 2012-04-19T08:05:21.837 回答
1

您可以将此功能用于您的任务:

$.fn.inArrayCallback = function(needle, haystack, f) {
  var e = -1;
  $.each(haystack,function(index, value){
      if (f(needle,value)) { e = index; return false; }
    });
  return e;
}

ans = $.fn.inArrayCallback(val2_anotherInstance, values, valueComparer) > -1; 
// returns true

使用grep函数回答将搜索数组中的所有元素,即使已经找到匹配的元素。此功能停止搜索匹配。这在非常大的阵列上可能很重要。

于 2012-04-19T08:42:14.570 回答
0

您可以使用greep()函数来过滤您的数组,然后计算生成数组中的项目。但它会处理所有的数组,如果你有很多数据,它对性能不友好。

于 2012-04-19T08:05:30.507 回答
0

jquery map 功能应该可以解决您的问题。您可以在 map 的回调中实现您的比较逻辑。 参考 jQuery 地图

于 2012-04-19T08:16:53.590 回答