var data = [
{
_id: '001',
name: 'Elon Musk',
rol: 'Chairman',
image: 'https://picsum.photos/200/101',
email: '[email protected]',
phone: '5544332211',
active: true,
exp: 30
},
{
_id: '002',
name: 'Carlos Hernandez',
rol: 'Chief Operation Officer',
image: 'https://picsum.photos/200/102',
email: '[email protected]',
phone: '5544332211',
active: true,
exp: 15
},
{
_id: '003',
name: 'Alberto Siurob',
rol: 'Chief Information Officer',
image: 'https://picsum.photos/200/103',
email: '[email protected]',
phone: '5544332211',
active: false,
exp: 5
},
{
_id: '004',
name: 'Erick Lopez',
rol: 'Chief Marketing Officer',
image: 'https://picsum.photos/200/104',
email: '[email protected]',
phone: '5544332211',
active: true,
exp: 1
},
];
function search( value ){
// Si no esta vacio
if( value ) {
const keys = ['name', 'email', 'rol'];
const match = searchKeys( data, keys, value.toLowerCase() );
console.log( match );
}
}
function searchKeys( source, keys, word ){
const arr = [];
// Recorrer llaves de busqueda
keys.forEach( ( k ) => {
// Recorrer la fuente
source.forEach( ( s ) => {
// validar si el indice tiene un valor semejante
if ( s[ k ].toLowerCase().includes( word ) ) {
// validar si ya existe en el arreglo
if ( arr.indexOf( s._id ) < 0 ) {
arr.push( s );
}
}
});
});
return arr;
}
<input type="text" onkeyup="search( this.value )">
Estoy haciendo un pequeño buscador con los beneficios de Javascript. La verdad es que funciona muy bien, pero tengo que problema que si sólo pongo una letra en el input, triplica los resultados retornados.
Que estaré haciendo mal?
PD: Si tienen alguna sugerencia de hacerlo de una mejor forma siempre es bienvenida