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

Есть список городов.
При вводе данных в строку в списке должны остаться города, которые начинаются с вводимого значения. То есть если я пишу "аб" то у меня должен остаться только абакан, но не набережные челны
Балаково Абакан Архангельск Набережные челны
Попробовал вот так, но ищет currentdata по всей строке
str.toLowerCase().indexOf(currentdata.toLowerCase());
вот моя функция:
$('#test').keyup(function() { currenVal = $(this).val().toLowerCase(); $('ul.content>li').each(function(i, el) { if ($(el).text().toLowerCase().indexOf(currenVal) > -1) { $(el).removeClass('hidden'); } else { $(el).addClass('hidden'); } }) }) li.hidden { display: none; }

• Абакан
• Ангарск
• Армавир
• Архангельск
• Астрахань
• Балаково
• Балашиха

Ответ

$('#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; }

• Абакан
• Ангарск
• Армавир
• Архангельск
• Астрахань
• Балаково
• Балашиха
• Набережные чалны

indexOf возвращает индекс первого вхождения, если вам надо, чтобы поиск осуществлялся в начале строки, то над делать проверку на то равен ли indexOf нулю
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));