Estoy enfrentando un problema en mi código y no obtengo una solución, por favor ayúdenme, <input type="text"> Aquí está el script
var obj=[ {name:'sourav',age:20}, {name: 'gautam', age: 25} ] document.querySelector('input').addEventListener('input',function(){ var text=document.querySelector('input').value.toLowerCase(); for (var i = 0; i < obj.length; i++) { if (obj[i].name.toLowerCase().includes(text)) { console.log(obj[i].name); } } });En el campo de entrada, agregué un oyente en la entrada, en la secuencia de comandos de entrada buscará texto incluido o no en el obj (objeto), si es verdadero, se imprimirá en el registro de la consola, que funciona bien solo en proyectos pequeños, pero cuando obj ( object) contiene una gran cantidad de datos, luego este script crea un error, cuando en el campo de entrada trato de escribir caracteres más de uno, toma un poco de tiempo, en el primer carácter busca la condición y mantiene presionado el segundo carácter para imprimir el primer resultado, que no quiero Creo que he explicado mi problema si alguien tiene una solución, por favor sugiérame.
el problema es que el texto siempre está vacío en su caso porque se evalúa solo una vez y no se actualiza en la entrada
Puede resolverlo colocando la actualización de texto dentro del detector de eventos como este
var obj=[ {name:'sourav',age:20}, {name: 'gautam', age: 25} ] document.querySelector('input').addEventListener('input',function(e){ const text = e.target.value.toLowerCase() for (var i = 0; i < obj.length; i++) { if (text && obj[i].name.toLowerCase().includes(text)) { console.log(obj[i].name); } } }); <input type="text" />