jQuery在多維數組/對象中查找匹配值

Question

如何正確編寫此腳本，以便可以匹配對象上的值。

var objGroup = [ 
    { "color": "YELLOW", "number": "11,7,44,22" }, 
    { "color": "BLUE", "number": "8,20,9" }, 
    { "color": "GREEN", "number": "12,34,55" } 
]; 
objGroup.map(function (groupNum) { 
    if (groupNum.number== "11") { 
    alert(groupNum.color); 
    } else { 
    return null 
    } 
});​ 

Answer 1

這將返回包含提供的數字的數值的對象。使用更新.filter功能

var objGroup = [ 
    { "color": "YELLOW", "number": "11,7,44,22" }, 
    { "color": "BLUE", "number": "8,20,9" }, 
    { "color": "GREEN", "number": "12,34,55" } 
]; 

var found = findItem(objGroup, '11'); 

function findItem(array, value) { 
    for (var i = 0; i < array.length; i++) { 
     if (array[i].number.split(',').indexOf(value) >= 0) { 
      return objGroup[i]; 
     } 
    } 
} 

if (found) { 
    alert(found.color); 
} 

http://jsfiddle.net/rVPu5/

替代，不會被儘可能廣泛的支持：

var found = objGroup.filter(function(item) { 
    if (item.number.split(',').indexOf('11') >= 0) { 
     return true; 
    } 
    return false; 
}); 

if (found.length > 0) { 
    alert(found[0].color); 
} 

http://jsfiddle.net/rVPu5/2/

最後 - jQuery的版本：

var found = $.map(objGroup, function(item) { 
    if (item.number.split(',').indexOf('11') >= 0) { 
     return item; 
    } 
}); 

if (found.length > 0) { 
    alert(found[0].color); 
} 

http://jsfiddle.net/rVPu5/3/