Estou com uma dúvida em relação a como fazer filtragem de dados quando o cliente preenche um campo input. Estou buscando todos os registros do servidor (rodando PHP) através de uma solicitação JSON do jQuery e gostaria de saber como fazer um filtro menos "restritivo" por parte do JavaScript, visto que o método indexOf() retorna apenas registros referentes a valores digitados precisamente, mas quando realizo a busca diretamente por query o resultado é mais próximo do que preciso. Não quero usar querys ao BD com muita frequência por questões de performance.
Seguem o código javascript (onde pego o valor inserido pelo usuário, e faço o filtro nos registros JSON):
if( value.nome_produto.indexOf(busca) != -1 ){
tr += `<tr class='_item_em_falta _tr_relative'>
<td> ${value.registro} </td>
<td>
<a href='detalhe.php?codigo=${value.produto_id}'>
<img class='_minha_img' src='${value.imagem_pequeno}'>
</a>
</td>
<td>
<a href='detalhe.php?codigo=${value.produto_id}'>
${value.nome_produto}
</a>
</td>
<td> ${value.preco_produto} </td>
<td> ${value.origem_produto} </td>
<td> ${value.quantidade_total} </td>
<td> ${value.quantidade_vendida} </td>
</tr>`;
o filtro indexOf() usado acima apenas retorna os produtos com nome idêntico ao inserido pelo usuário (Case Sensitive e etc). gostaria de usar uma forma que permita filtrar os dados de uma forma menos restritiva (como o comando LIKE %exemplo% no MySQL)