Comment dois-je prendre un tableau de chaînes et de les filtrer?

J'ai un tableau de chaînes de caractères en jQuery. J'ai un autre tableau de mots-clés que je veux utiliser pour filtrer le tableau de chaîne.

Mes deux tableaux:

    var arr = new Array("Sally works at Taco Bell", "Tom drives a red car", "Tom is from Ohio", "Alex is from Ohio");

    var keywords = new Array("Tom", "Ohio");

Comment puis-je filtrer les arr tableau à l'aide de la keywords tableau en jQuery? Dans cette situation, il filtre les "Sally travaille au Taco Bell" et de garder le reste.

Ci-dessous le code que j'utilise.

var keywords= [];
var interval = "";
var pointer = '';
var scroll = document.getElementById("tail_print");

$("#filter_button").click(
function(){
    var id = $("#filter_box").val(); 
    if(id == "--Text--" || id == ""){
        alert("Please enter text before searching.");
    }else{
        keywords.push(id);
        $("#keywords-row").append("<td><img src=\"images/delete.png\" class=\"delete_filter\" /> " + id + "</td>");
    }
}
);

$(".delete_filter").click(
function(){
   ($(this)).remove(); 
}
);

function startTail(){
clearInterval(interval);
interval = setInterval(
function(){
    $.getJSON("ajax.php?function=tail&pointer=" + pointer + "&nocache=" + new Date(),
        function(data){
            pointer = data.pointer;
            $("#tail_print").append(data.log);
            scroll.scrollTop = scroll.scrollHeight;
        });
}, 1000);
}

Le but de cela est de permettre à l'utilisateur de filtrer les résultats du journal. De sorte que l'utilisateur effectue une action qui commence startTail() et $.getJSON() récupère un objet JSON qui est construit par une fonction PHP et imprime les résultats. Fonctionne parfaitement. Maintenant, je veux donner à l'utilisateur la possibilité pour la filtration de l'arrivée d'un étalement des éléments. L'utilisateur clique sur un bouton filtre et jQuery prend le filtre de texte et l'ajoute à la keywords tableau alors le data.log de l'objet JSON est filtré à l'aide de la keywords tableau et ensuite ajouté à l'écran.

J'ai aussi supprimer la fonction de filtre qui ne fonctionne pas. Peut-être que quelqu'un peut m'aider.

Ajout de la balise Javascript, parce que c'est un Javascript question (jQuery est une bibliothèque Javascript). Btw, ces tableaux ne semblent pas être les tableaux Javascript...
J'ai également supprimé le jQuery tag, puisque la question n'a rien à faire avec elle. Aussi, @bazmegakapa est droit. Ceux qui ne sont pas valides les tableaux JavaScript. Qui ressemble à des tableaux PHP. En JavaScript, il suffit d'utiliser les crochets: var arr = [1, 2, 3]
Vous avez raison. Désolé... le programme que j'ai écrit utilise une combinaison de jQuery, Javascript, PHP, HTML.. viens un peu mélangé.
Le jquery tag était très bien, il indique que l'OP accepte des solutions basées sur les méthodes jQuery.

InformationsquelleAutor amlane86 | 2012-01-12

8
```
$.grep( arr, $.proxy(/./.test, new RegExp(keywords.join("|"))));
```
sans jQuery:
```
arr.filter(/./.test.bind(new RegExp(keywords.join("|"))));
```
- +1 pour la fraîcheur. Cela fonctionne?
- eh bien, je ne l'ai testé dans IE7 et chrome, pas de raison que ça ne marcherait pas dans les autres navigateurs bien. Si vous utilisez la deuxième, dans un héritage navigateur vous avez besoin de cale .filter et .bind du MDN par exemple.
- DÉMO
- jQuery demo ici
- Je me sers de ce Qt / QML pour filtrer le contenu d'une zone de liste déroulante en fonction du texte dans le Champ à côté d'elle: Fonctionne comme un charme, une seule ligne de code pour le filtrage et elle est très rapide (pas de retard notable; y a environ 500 Chaînes de filtrer). Tout d'abord essayé d'adapter certaines bloaty typeahead bibliothèques javascript, mais ne pouvait pas le faire fonctionner. Votre une ligne de code: Parfait -> Merci! 😀
InformationsquelleAutor Esailija

de jQuery mot "filtre" est grep

var arr = ["Sally works at Taco Bell", "Tom drives a red car", "Tom is from Ohio", "Alex is from Ohio"];
var keywords = ["Tom", "Ohio"];

var regex = new RegExp(keywords.join("|"));

result = $.grep(arr, function(s) { return s.match(regex) })

Meilleure réponse ici, à mon avis, même s'il faut emprunter un peu de la mienne ;).
Je n'ai pas emprunter quoi que ce soit.

InformationsquelleAutor georg

2
```
var filtered = [];
var re = new RegExp(keywords.join('|'));

for (var i=0; i<arr.length; i++) {
    if (re.search(arr[i])) {
        filtered.append(arr[i]);
    }
}
```
Mise à JOUR

Puisqu'il y a de meilleures réponses ici de jQuery point de vue, j'ai modifié ma réponse à la vanille, JavaScript approche, juste pour ceux qui pourraient avoir besoin de le faire sans jQuery.
- ... et j'ai sérieusement penser à des regex es au dessus de la tête. c'est joliment fait. 😀 ça serait bien de claque sur la $.grep() de la fonction si. +1
- +1 très belle solution, écrire la boucle, et pas de jQuery besoin 😀
- Voulez inclure un hasOwnProperty() si vous utilisez for..in je n'ai honnêtement juste d'utiliser un for, vous traitez avec des matrices non des objets. developer.mozilla.org/en/JavaScript/Reference/Global_Objects/...
- D'accord. J'ai tendance à sur-utiliser for .. in parce qu'il ressemble de plus près à ce que je traite avec le plus souvent, Python. Je l'ai changé au-dessus.
InformationsquelleAutor Chris Pratt

Sommet de la tête, et non testés. En tant que plugin jQuery:

(function($) {

    $.foo = function(needle, haystack) {
        return $.grep(haystack, function () {
            var words = this.split(' '),
                flag = false
                ;

            for(var i=0; i < words.length; i++) {
                flag = $.inArray(words[i], needle);
                if (flag) { break; }
            }

            return flag;                
        });
    };

})(jQuery);

Alors vous pouvez (soi-disant) de fonctionner que, comme:

var bar = $.foo(keywords, arr);

InformationsquelleAutor Richard Neil Ilagan

Vous pouvez utiliser le bouton [filter][1] fonction, mais de toute façon, vous aurez besoin d'une boucle sur les deux tableaux. Vous pouvez utiliser indexOf pour vérifier si une chaîne est contenue dans une autre chaîne.

var arr = ["Sally works at Taco Bell", "Tom drives a red car", "Tom is from Ohio", "Alex is from Ohio"];
var keywords = ["Tom", "Ohio"];
var filtered = [];

for(var i = 0; i < arr.length; i++) {
    for(var j = 0; j < keywords.length; j++) {
        if (arr[i].indexOf(keywords[j]) > -1) {
            filtered.push(arr[i]);
            break;
        }
    }
}

console.log(filtered);

Live exemple

InformationsquelleAutor Alex Turpin

À l'aide de jQuery fantastiques pouvoirs:

var keywords = ["Tom", "Ohio"];
$(["Sally works at Taco Bell", "Tom drives a red car", "Tom is from Ohio", "Alex is from Ohio"]).filter(function(k, v) {
    return v.match("(" + keywords.join("|") + ")");
});

InformationsquelleAutor greut

var keywords = ['Tom', 'Ohio'];
var arr = ['Sally works at Taco Bell', 'Tom drives a red car', 'Tom is from Ohio', 'Alex is from Ohio'];
var matcher = new RegExp(keywords.join('|'));
var newarr = [];
$.each(arr, function(index, elem) {
   if (elem.match(matcher)) {
      newarr.push(elem);
   }
});
console.log(newarr);

violon: http://jsfiddle.net/LQ92u/1/

InformationsquelleAutor Explosion Pills

Vous devez vous connecter pour publier un commentaire.