javascript根據搜索條件查找對象

Question

我需要搜索具有搜索項的對象的對象數組，並獲取數組中的結果索引。

比方說，我有一個這樣的數組：

[ 
    { 
    name: "Mary", 
    gender: "female", 
    country: "USA", 
    orientation: "straight", 
    colorChoice: "red", 
    shoeSize: 7 
    }, 
    { 
    name: "Henry", 
    gender: "male", 
    country: "USA", 
    orientation: "straight", 
    colorChoice: "red", 
    }, 
    { 
    name: "Bob", 
    colorChoice: "yellow", 
    shoeSize: 10 
    }, 
    { 
    name: "Jenny", 
    gender: "female", 
    orientation: "gay", 
    colorChoice: "red", 
    } 
] 

現在我需要搜索數組：

{ 
    gender: "female" 
} 

，並得到結果：

[ 0, 3 ] 

搜索對象可以是任意長度：

{ 
    gender: "female", 
    colorChoice: "red" 
} 

什麼是最清潔和最高性能的方式來搜索數組？

謝謝。

Answer 1

這裏的想法：

function getFemales(myArr){ 
var i = myArr.length, ret = []; 
while (i--){ 
    if ('gender' in myArr[i] && myArr[i].gender === 'female') { 
    ret.push(i); 
    } 
} 
return ret.sort(); 
} 

看到jsfiddle

而且更通用：

function findInElements(elArray, label, val){ 
var i = elArray.length, ret = []; 
while (i--){ 
    if (label in elArray[i] && elArray[i][label] === val) { 
    ret.push(i); 
    } 
} 
return ret.sort(); 
} 

看到jsfiddle

Answer 2

這應該做的伎倆：

function searchArray(fields, arr) 
{ 
    var result = [];   //Store the results 

    for(var i in arr)   //Go through every item in the array 
    { 
     var item = arr[i]; 
     var matches = true;  //Does this meet our criterium? 

     for(var f in fields) //Match all the requirements 
     { 
      if(item[f] != fields[f]) //It doesnt match, note it and stop the loop. 
      { 
       matches = false; 
       break; 
      } 
     } 

     if(matches) 
      result.push(item); //Add the item to the result 
    } 

    return result; 
} 

例如：

console.log(searchArray({ 
    gender: "female", 
    colorChoice: "red" 
},[ 
    { 
    name: "Mary", 
    gender: "female", 
    country: "USA", 
    orientation: "straight", 
    colorChoice: "red", 
    shoeSize: 7 
    }, 
    { 
    name: "Henry", 
    gender: "male", 
    country: "USA", 
    orientation: "straight", 
    colorChoice: "red", 
    }, 
    { 
    name: "Bob", 
    colorChoice: "yellow", 
    shoeSize: 10 
    }, 
    { 
    name: "Jenny", 
    gender: "female", 
    orientation: "gay", 
    colorChoice: "red", 
    } 
]));