Как вывести похожие вводимые значения?

Question

[Gagatyn]

Здравствуйте. Есть массив, при вводе текста в поле нужно выводить похожие значения. Ввели первую букву, вывелись те элементы, которые похожи. Вторую букву ввели, удалились те, которые не похожи по второй букве.
Как сделать это? Вот код в jsfiddle

Answer 1

[RomanPrivalov]

Делал что-то похожее в учебных целях.

Ссылка на codepen

Использовал для этих целей RegExp

Answer 2

[twobomb]

Можно так

Comments

[Gagatyn]

twobomb:

a.filter(function(v){
      if(v.search("^"+e.target.value) != -1)
      	return true;
       return false;
  }).map(function(el){
  var p = document.createElement("p");
  p.innerHTML = el;
  	out.appendChild(p)
  })

Я не могу понять что происходит в if(v.search("^"+e.target.value) != -1). Можете подсказать?

[twobomb]

Gagatyn:
Во первых смотри что такое filter
v это элемент массива a.
search это поиск по регулярный выражениям, если по такому паттерну ничего не найдено то он возвращает -1 если найдено то номер символа вхождения в строке.
e.target.value возвращает значение введеное в инпут
Паттерн "^значение". ^- значит начало строки. Крч учи регулярки