Поиск подстроки в строке с начала

$('#test').keyup(function() { 
  currenVal = $(this).val().toLowerCase(); 
  $('ul.content>li').each(function(i, el) { 
    if ($(el).text().toLowerCase().indexOf(currenVal) == 0) { 
      $(el).removeClass('hidden'); 
    } else { 
      $(el).addClass('hidden'); 
    } 
  }) 
})

li.hidden { 
  display: none; 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.0/jquery.min.js"></script> 
<input id="test"> 
<ul class="content"> 
  <li>Абакан</li> 
  <li>Ангарск</li> 
  <li>Армавир</li> 
  <li>Архангельск</li> 
  <li>Астрахань</li> 
  <li>Балаково</li> 
  <li>Балашиха</li> 
  <li>Набережные чалны</li> 
</ul>

let array = [ 
  'Балаково', 
  'Абакан', 
  'Архангельск', 
  'Набережные челны' 
] 
 
let filter = 'аб'; 
 
//Поиск вхождения только в начале 
console.log(array.filter(x => x.toLowerCase().indexOf(filter.toLowerCase()) == 0)); 
 
//Поиск по любому вхождению 
console.log(array.filter(x => x.toLowerCase().indexOf(filter.toLowerCase()) >= 0));