Introduction détaillée à la fonction de filtrage en JavaScript

Je crois que les amis qui ont étudié Vue en JavaScript connaissent tous la fonction de filtre, mais il y a beaucoup d'amis qui ne savent pas ce qu'est le filtre. S'ils le connaissent, cela peut être ambigu. aujourd'hui, nous allons présenter en détail la fonction de filtre en JavaScript !

Quand j'ai vu le composant de grille dans l'exemple, j'ai été dérouté par un morceau de code imbriqué. Je le comprendrai après avoir demandé de l'aide (questions segmentées). Je l'enregistre par la présente pour des demandes ultérieures :
.

Cliquez ici pour voir tout le code

Partie de l'extrait de code :

<p style="margin-top: 5px; margin-bottom: 14px; line-height: normal;">data = data.filter(function (row) {<br/>    return <a href="http://www.php.cn/wiki/60.html" target="_blank">Object</a>.keys(row).some(function (key) {<br/>        return String(row[key]).toLowerCase().<br/>        indexOf(filterKey) > -1;<br/>    });<br/>});<br/><br/>data = [<br/>    { name: &#39;Chuck Norris&#39;, power: Infinity },<br/>    { name: &#39;Bruce Lee&#39;, power: 9000 },<br/>    { name: &#39;Jackie Chan&#39;, power: 7000},<br/>    { name: &#39;Jet Li&#39;, power: 8000 }<br/>]<br/></p>

Remarque : Ici, filterKey représente la chaîne saisie dans l'entrée , ici nous supposons que ck

où row représente data[i], prenons la première ligne comme exemple pour exécuter le code, row est { name: 'Chuck Norris', power: Infinity }, puis Object.keys(row) = ['name', 'power'] , key signifie name et power. Le premier est name, row['name'] = 'Chuck Norris'. Cette chaîne contient la chaîne 'ck', donc true est renvoyée. Il n'est pas nécessaire d'exécuter power, puis row ou data[0] revient au nouveau tableau. et continue de parcourir les données ci-dessous. Si row['name'] n'inclut pas cette chaîne, alors traversez row['power'] S'ils sont tous false, ne retournez pas row et continuez la traversée.

L'intégralité du code implique la liaison de données de vue, mais je ne l'enregistrerai pas car je suis toujours dans un état d'ignorance.

Je suis un novice du front-end. Si vous trouvez des erreurs dans cet article ou si vous ne le comprenez pas bien, j'espère que vous me donnerez quelques conseils.

J'apprends Vue récemment. Quand j'ai vu le composant de grille dans l'exemple, j'ai été confus par un morceau de code imbriqué, je le comprendrai après avoir demandé de l'aide (questions segmentées pour lesquelles je l'enregistre par la présente). demandes ultérieures. :

Cliquez ici pour voir tout le code

Une partie de l'extrait de code :

data = data.filter(function (row) {
    return Object.keys(row).some(function (key) {
        return String(row[key]).toLowerCase().
        indexOf(filterKey) > -1;
    });
});

data = [
    { name: 'Chuck Norris', power: Infinity },
    { name: 'Bruce Lee', power: 9000 },
    { name: 'Jackie Chan', power: 7000},
    { name: 'Jet Li', power: 8000 }
]

Remarque : Ici, filterKey représente la chaîne saisie dans le input, On suppose ici que l'entrée ck

où row représente data[i], prenons la première ligne comme exemple pour exécuter le code, row est { name: 'Chuck Norris', power: Infinity }, puis Object.keys(row) = ['name', 'power'], key représente name et power. Le premier est name, row['name'] = 'Chuck Norris'. Cette chaîne contient la chaîne 'ck', donc true est renvoyée. Il n'est pas nécessaire d'exécuter power, puis row ou data[0] revient au nouveau tableau. et continue de parcourir les données ci-dessous. Si row['name'] n'inclut pas cette chaîne, alors traversez row['power'] S'ils sont tous false, ne retournez pas row et continuez la traversée.

L'intégralité du code implique la liaison de données Vue, mais je ne l'enregistrerai pas car je suis toujours confus.

Résumé :

Cet article présente en détail la fonction de filtre en JavaScript à travers un exemple de code. Je pense que les amis le sauront également. ceci. Apprenez-en plus et j'espère que cela vous sera utile dans votre travail !

Recommandations associées :

Application simple Ajax et méthode d'écriture de filtre

Introduction détaillée à l'attribut de filtre de CSS3

La méthode de définition du modèle d'URL et les règles de mappage du servlet et du filtre

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!