Tomando en cuenta que tenemos la variable de la siguiente forma:
var nicknames= [
{id:"100", nickname:"Juan"},
{id:"200", nickname:"Mateo"}
];
Solución 1 - Nativo Js
A través del uso Array.prototype.filter
:
/**
* Devolverá un arreglo con el objeto a buscar o uno vacio si no lo encuentra.
*/
var nickname = nicknames.filter(function(nickname) {
return nickname.id === "100";
});
A través del uso Array.prototype.reduce
:
/**
* Devolverá el arreglo requerido o null si no lo encuentra.
*/
var nickname = nicknames.reduce(function(value, nickname) {
return nickname.id === "100" ? nickname : null;
}, null);
Solución 2 - Uso de prototype
Otro método es y el cual a mi me gusta mucho, es el uso de prototype. Quedaría algo como lo siguiente:
/**
* Devolverá el objeto que coincida con la llave-valor indicados como
* argumentos de la función.
*
* @param String column El nombre de la columna o llave de referencia
* @param Any value El valor buscado sobre la columna indicada
* @return [Object|Null] Devolverá null en caso de no hallar coincidencia, en caso contrario devolverá el objeto coincidente
*/
Array.prototype.findBy = function (column, value) {
for (var i=0; i<this.length; i++) {
var object = this[i];
if (column in object && object[column] === value) {
return object;
}
}
return null;
}
El ejemplo de uso quedaría de la siguiente forma:
var nickname = nicknames.findBy('id', '100');
Solución 3 - Uso de librerías
Puedes utilizar una librería como Underscore.js que te brinde herramientas como esas para un filtrado de datos. Ejemplo:
var nickname = _.findWhere(nicknames, {id: "100"});
Documentación oficial de _.findeWhere() (en inglés)