Para este ejemplo elegí algo sencillo pero que tiene algunos conceptos interesantes. Tenemos una lista de estados en un arreglo y queremos filtrar la información tomando como base un criterio de búsqueda que el usuario va a proporcionar.
Utiliza las pestañas de jsfiddle para ver las diferentes partes del código:
Explicación
Tenemos un arreglo que se llama “datos” que tiene la lista de los estados en México.
La función “filtrarEstados” es la encargada de evaluar el criterio de búsqueda y presentar el resultado al usuario. Observa que se llama la primera vez al cargar la página, pero como detecta que el campo de criterio está vacío, entonces muestra todos los resultados.
Cuando el usuario escribe alguna palabra en el control y da clic en el botón “filtrar“, entonces creamos una expresión regular usando esa palabra, luego usamos el método “filter” del arreglo para determinar los valores que cumplen la expresión.
Más información
Escribí un artículo que toca este tema con mayor detalle y te invito a visitarlo para aclarar dudas. Te muestro su sintaxis y te explico cómo usar sus parámetros. Es el complemento de este ejemplo y lo encuentras en:
Deja un comentario