1

Em um determinado método, do meu input, ao escrever "me" ele verifica se a fruta existe neste array:

['banana', 'melao', 'uva', 'melancia'] 

No caso, me traz (posição 1 - melao e posição 3 - melancia).

Tentei usando o inArray, mas ele só observa a palavra completa e não só parte da string dela...

PS: NÃO posso usar jquery UI por motivos técnicos, pois daria conflito com a função autocomplete.

6
  • 1
    Não percebi bem o que procuras, se puderes clarear a pergunta seria ótimo. Mas de modo geral podes fazer algo tipo arr.filter(el => { return el.indexOf(letras) != -1; });. Se explicares melhor o que queres fazer posso dar um exemplo.
    – Sergio
    Commented 21/03/2016 às 15:07
  • 2
    De uma olhada no fiddle e me fale se te ajuda, é um exemplo sem o uso do jQuery. Havia postei uma resposta mais removi pois não sei se entendi sua pergunta hehe :)
    – Brunno
    Commented 21/03/2016 às 15:48
  • 1
    Não entendi a pergunta, como assim inArray só retorna a palavra inteira? O inArray retorna a posição do item na array e não a palavra. Claramente que se usar a posição do index retornada na array vai retornar por exemplo "uva". Afinal você quer retornar uma fruta ou quer dividir as palavras em cada item do array, posta como fez pra entendermos o problema.
    – Syzoth
    Commented 21/03/2016 às 16:18
  • 1
    Opa, valeu pelas respostas. é que quero escrever b e ja aparecer banana, o inarray só acha se eu escrever a palavra completa. @Brunno era isso ae! Só precisei de uns ajustes. Valeu! Commented 22/03/2016 às 21:05
  • @caiocafardo que bom que te ajudou, desfiz a exclusão da resposta :)
    – Brunno
    Commented 22/03/2016 às 21:17

2 Respostas 2

4

Você pode fazer usando RegExp sem precisar do jQuery:

var fruits = ['banana', 'melao', 'uva', 'melancia'];

function matchFruit(input) {
  var reg = new RegExp(input.split('').join('\\w*').replace(/\W/, ""), 'i');
  return fruits.filter(function(fruit) {
    if (fruit.match(reg)) {
      return fruit;
    }
  });
}

function changeInput(val) {
  var matchResult = matchFruit(val);
  document.getElementById("result").innerHTML = matchResult;
}

Segue jsfiddle.

0

Você poderia fazer utilizando a underscore.js vide exemplo abaixo:

var array   = ['ABC', 'ABCD', 'ABCDE'];
var search  = "ABCD";
var results = _.filter(array, function(value) {
  return value.indexOf(search) != -1;
});

alert(results.join(' | '));
<script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>

1
  • Infelizmente não posso usar nada externo a não ser jquery.... Commented 22/03/2016 às 21:06

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .