Lodash Suche nach startswith in ein array

Ich bin erstellen einer einfachen Suche durchsucht ein array von Objekten, beginnt mit einem übergebenen string aus der Eingabe.

Also ich habe diese:

var items = [
    {id: 1, tags: ['foo']},
    {id: 2, tags: ['fish', 'ball']},
    {id: 3, tags: ['bar', 'goo']},
];

input.on(function(e) {
    var test = _.filter(items, function(item) {
         return _.includes(_.pluck(items, 'tags'), input.val());
    });
    console.log(test);
});

Dieser immer ein leeres array zurück, ich glaube, ich bin fehlt startsWith, wie ich es hier in meiner Implementierung:

Der erwartete output sollte sein:

input: 'f'
output: [{id: 1, tags: ['foo']}, {id: 2, tags: ['fish', 'ball']}]

da die beiden Elemente haben-tags, dass beginnt mit f

  • Was meinst du startsWith? Könnten Sie hinzufügen erwartete Ausgabe der Methode?
  • okay..ich werde hinzufügen erwartete Ausgabe..
  • Was ist, wenn Eingang b? bar goo für sicher, und wie wäre es mit Fisch-ball?
InformationsquelleAutor Joey Hipolito | 2015-08-01
  1. 17

    Im Grunde brauchen Sie nicht, lodash, dass für:

    var test = items.filter(function (item) {
  return item.tags.some(function (tag) {
    return 0 === tag.indexOf(input.val());
  });
});

    Aber wenn Sie möchten, können Sie es verwenden,

    var test = _.filter(items, function (item) {
  return _.some(item.tags, function (tag) {
    return _.startsWith(tag, input.val());
  });
});
    • einfache und elegante Antwort (:
    • Also, wenn es gab mehrere arrays durchsuchen, beispielsweise die tags[] && names[], würde Sie brechen die oben Durchlaufen die beiden, oder gibt es eine bessere lodash Ansatz für diese Art von Szenario?
    • Verketten und suchen in der Folge, wenn Sie klein sind. Speichern Sie die suchen-Funktion in var und Suche in jeder und dann verketten Sie das Ergebnis wenn Sie groß sind. Lodash ist nicht ein großer Helfer in diesem Fall.
    InformationsquelleAutor Alex Netkachov
  2. 1

    Versuchen Sie dies:

    JS:

    $(function(){
var items = [
    {id: 1, tags: ['foo']},
    {id: 2, tags: ['fish', 'ball']},
    {id: 3, tags: ['bar', 'goo']},
];

var input = $('input:first');
input.on('input', function(e) {
    var test = _.filter(items, function(item) {
         for(var t in item.tags) {
           if(item.tags[t].indexOf(input.val())==0) {
             return true;
           }
         }
  
         return false;
    });
    console.log(test);
});

});

    HTML:

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://raw.githubusercontent.com/lodash/lodash/3.10.0/lodash.min.js"></script>

<input>

    InformationsquelleAutor num8er
  3. 0

    Versuchen Sie dies:

    var items = [
    {id: 1, tags: ['foo']},
    {id: 2, tags: ['fish', 'ball']},
    {id: 3, tags: ['bar', 'goo']}
];

input.on(function(e) {
    var test = _.filter(items, function(item) {
        return _.chain(items.tags)
                .map(_.partial(_.startsWith, _, input.val()))
                .any()
                .value();
    });
    console.log(test);
});
    InformationsquelleAutor dynamitereed
Schreibe einen Kommentar