¿Necesitas un buscador tolerante a errores de ortografía o con términos parecidos y no quieres depender de un backend? Con Fuse.js puedes lograrlo fácilmente.
¿Qué es Fuse.js?
Fuse.js es una biblioteca de JavaScript para realizar búsquedas difusas (fuzzy searching). Esto significa que puede encontrar coincidencias aproximadas entre cadenas, como nombres mal escritos o términos relacionados.
¿Por qué usarlo?
No necesitas configurar un backend como ElasticSearch o Algolia. Fuse.js funciona directamente en el cliente, ideal para conjuntos de datos pequeños o moderadamente grandes.
Ejemplo básico
// Tu lista de datos
const data = [{ name: "Juan" }, { name: "Juana" }, { name: "Julia" }];
// Configuración de Fuse.js
const options = { keys: ['name'], threshold: 0.3 };
const fuse = new Fuse(data, options);
// Realizar una búsqueda
const result = fuse.search('Juam'); // Encuentra "Juan" aunque esté mal escrito
console.log(result);
Consulta la demo interactiva en Fuse.js Demo y explora más detalles en Fuse.js Docs.