Buscar dos elementos en un array y mostrar las coincidencias

[pedromir]

Hola, os cuento mi problema, tengo un array con varios elementos y un select con una serie de opciones y me he creado una búsqueda para que me busque un texto
introducido en un input, pero según la opción seleccionada en el select, o sea, que me busque dos elementos y me muestre las coincidencias, un elemento sería el que tengo seleccionado en el select y el otro el texto introducido a través de un input, por ejemplo, si en el select selecciono Informática y en el cuadro de texto pongo Manuel, pues me tiene que mostrar todos los que se llaman Manuel y además tienen informática.
Y lo que me ocurre es que me muestra primero, todos los que están incluidos en informatica y después todos los que se llaman Manuel, o sea, me busca primero por un campo y después por el otro, es como si me hiciera dos búsquedas.

Código Javascript:

function busqueda(){
    var cadena=txtBuscar.value.toLowerCase();
    var cadenaCurso = listaProv.options[listaProv.selectedIndex].value.toLowerCase();   
        
    var n = datos.length;   
    buscarNombre = [];
        
    for (var i=0;i<n;i++)   
    {
        if (datos[i][0].toLowerCase().indexOf(cadenaCurso)>=0 && datos[i][1].toLowerCase().indexOf(cadena)>=0)       
        {
            buscarNombre.push(datos[i]);
        }
    }
    txtResultados.innerHTML=buscarNombre.length;
    mostrarResultados(0);       
}
 

[Alexis88]

Tengo un par de preguntas que hacerte:

• ¿Cómo está constituido el arreglo datos?
• ¿Qué es lo que hace la función mostrarResultados y por qué le pasas un cero como argumento?

Para que la búsqueda se realice de la manera en que deseas, tiene que haber algún tipo de asociación/relación entre los datos, tal y como se hace en las bases de datos. Quizá tengas que replantear lo que tienes hecho para obtener los resultados esperados.

Saludos

[pedromir]

Me imagino que algo así tendrá que ser, pero me ha despistado que las búsquedas funcionan, tanto por separado como buscando a través de los dos parámetros conjuntamente, pero en este caso primero me busca por uno y luego por otro y me aparecen los resultados uno a continuación del otro, así que la asociación, por lo menos entre los dos array existe, el problema es la asociación entre el texto del input y los options.
No sé, si el problema estará en que los options del select salen de otro array, distinto al de datos, pero eso no debería influir.
En el array del select como podrás ver más abajo, tengo por un lado, los values que se corresponden con el código que tengo metido en el array datos[i][0] y los text que están sólo en este array, entonces al pulsar en deporte por ejemplo, que es el 0101 y lo envio a través de cadenaCurso me busque este código en el array datos y si introduzco un texto, me busque el 0101 y entre todos los que tienen este código me busque también el texto.

Código Javascript:

// array Select
var cursos = new Array();
cursos = [['0101','Deporte'],
['0201','Informática']];
 
//array datos
var datos = new Array();
datos= [['0101','Manuel'],
['0101','Antonio'],
['0101','Juan'],
['0201','Juan'],
['0201','Antonio'],
['0201','Luis']];
 

[Alexis88]

Supongamos que tenemos esta estructura:

Código HTML:

Ingrese el nombre:  <input type = "text" id = "nombre" />
 
Seleccione el curso:
<select id = "curso">
    <option value = "0101">Deporte</option>
    <option value = "0201">Informática</option>
</select>
 
<button onclick = "buscar()">Buscar</button>
 

Si lo que buscas es que se muestren a todas las personas cuyo nombre coincida con el escrito en la caja de texto y lleven el curso que seleccionaste en el combo, puedes hacer algo como esto:

Código Javascript:

var input = document.querySelector("#nombre"),
    select = document.querySelector("#curso"),
    cursos = [
        ['0101','Deporte'],
        ['0201','Informática']
    ],
    datos = [
        ['0101','Manuel'],
        ['0101','Antonio'],
        ['0101','Juan'],
        ['0201','Juan'],
        ['0201','Antonio'],
        ['0201','Luis']
    ],
    buscar = function(){
        var nombre = input.value,
            curso = select.value,
            nombreCurso = select.options[select.selectedIndex].innerHTML,
            final = [];
        
        for (var i = 0, l = datos.length; i < l; i++)
            if (datos[i][1] == nombre)
                for (var j = 0, m = cursos.length; j < m; j++)
                    if (cursos[j][0] == curso && datos[i][0] == curso)  
                        final.push(datos[i][1]);    
        
        return console.log(final.join(" y ") + (final.length > 1 ? " tienen " : " tiene ") + nombreCurso);
    };
 

Primero, tomo a la caja de texto, al combo y declaro a los arrays que contienen a los arrays con los datos y una función que realizará la búsqueda. En la función, tomo el valor escrito en la caja, el valor seleccionado en el combo y el contenido del mismo, además, declaro un array en el que irán los datos que coincidan en la búsqueda.

Recorro al array con los arrays de los nombres de las personas. En cada iteración, verifico si el nombre del array actual en la iteración, coincide con el escrito en la caja de texto. De ser así, paso a recorrer al array que contiene a los arrays con los nombres de los cursos y, en cada iteración, verifico si el código del curso coincide con el seleccionado en el combo y si el código de la coincidencia encontrada en el primer bucle (el que itera al array datos), es igual al curso seleccionado. De cumplirse todo esto, inserto el nombre de la persona en el array final y una vez que termine la búsqueda, retorno a los datos encontrados, mostrándolos en consola.

Por ejemplo, si busco a 'Juan' y selecciono 'Deporte', al haber dos personas con el nombre 'Juan' pero solo una de ellas lleva 'Deporte', el mensaje que se muestre será así:

Código Consola:

Juan tiene Deporte
 

Ahora que, si deseas, para saber de qué Juan se trata, podrías mostrar también el código del curso que le asignaste.

Saludos

[pedromir]

He modificado algo tu código para adaptarlo al mío, pero no funciona, he incluído también un código para que haga la búsqueda sólo por la caja de texto, o sólo por el select y por estas dos búsquedas funciona perfectamente, pero cuando busco por el texto y el select conjuntamente, me aparece el nombre buscado siempre, da igual lo que haya seleccionado en el select, es como si sólo buscara por texto.

Código Javascript:

function busqueda(){
    var textoBusqueda = 'Ingresar texto de b\u00fasqueda';
    var cadena=txtBuscar.value.toLowerCase();
    //Esto viene de un select que creo dinámicamente utilizando el array cursos 
    var cadenaCursos = listaCursos.options[listaCursos.selectedIndex].value.toLowerCase();  
    var datosCursos = datos[i][0].toLowerCase().indexOf(cadenaCursos)>=0;   
    var n = datos.length;   
    buscarNombre = [];  
        
    for (var i=0;i<n;i++)   
    {
    buscaren = reemplazaAcentos(datos[i][1])
    txtBuscado = reemplazaAcentos(cadena)
    //Para buscar utilizando la caja de texto sólo  
        if (buscaren.toLowerCase().indexOf(txtBuscado)>=0)
        {
            buscarNombre.push(datos[i]);
        }
    //Para buscar utilizando el select sólo 
        else if (datos[i][0].toLowerCase().indexOf(cadenaCat)>=0 && txtBuscar.value == textoBusqueda )
        {
            buscarNombre.push(datos[i]);
        }        
    //Para hacer la búsqueda con un texto en la caja y una opcion seleccionada en el select 
        else if (datos[i][1] == buscaren.toLowerCase().indexOf(txtBuscado)>=0)
                 
                for(j=0;j<cursos.length;j++){
                    
                    if(datosCursos == cadenaCursos && cursos[j][0]==cadenaCursos)                   
                    buscarNombre.push(datos[i]);                    
                        
            }
    }
    txtResultados.innerHTML=buscarNombre.length;
    mostrarResultados(0);           
}
 

[pedromir]

En el primer if le he añadido && datosCursos y el último else if también lo he modificado, el resto lo he dejado igual y ahora ya si me hace la búsqueda correctamente, tanto buscando por texto sólo, como por las opciones del select, no se si es la forma más ortodoxa de hacerlo o hay otra pero funciona, no sé si más adelante, si decido añadirle algún otro select me dará problemas o funcionará perfectamente.
Pues así ha quedado el código.

Código Javascript:

//Para buscar utilizando la caja de texto sólo o por el select
        if (buscaren.toLowerCase().indexOf(txtBuscado)>=0 && datosCursos)
        {
            buscarNombre.push(datos[i]);
        }
    //Para buscar utilizando el select sólo 
        else if (datos[i][0].toLowerCase().indexOf(cadenaCursos)>=0 && txtBuscar.value == textoBusqueda )
        {
            buscarNombre.push(datos[i]);
        }        
    //Para hacer la búsqueda con un texto en la caja y una opcion seleccionada en el select 
        else if (buscaren.toLowerCase().indexOf(txtBuscado)>=0)
                 
                for(j=0;j<cursos.length;j++){
                    
                    if(datosCursos == cadenaCursos && cursos[j][0]==cadenaCursos)                   
                    buscarNombre.push(datos[i]);                    
                        
            }
    }