Maison > interface Web > Voir.js > Comment implémenter la déduplication de tableau dans vue.js

Comment implémenter la déduplication de tableau dans vue.js

王林
Libérer: 2021-10-08 15:22:53
original
4530 Les gens l'ont consulté

Méthode Vue.js pour implémenter la déduplication de tableau : utilisez deux boucles for pour déterminer l'identifiant de chaque élément, tel que [that.positions.map(train=>{that.new_Positions.push( train.trainId)}) qui .résultat...].

Comment implémenter la déduplication de tableau dans vue.js

L'environnement d'exploitation de cet article : système windows10, vue 2.5.2, ordinateur thinkpad t480.

Pour réaliser la déduplication de tableau dans vue.js, vous pouvez envisager d'utiliser la boucle for et... un nouvel ensemble. Jetons un coup d'œil !

La première méthode :

Utilisez 2 boucles for pour déterminer l'identifiant de chaque élément

Le code spécifique est le suivant :

                            // that.positions.map(train=>{
                            //     that.new_Positions.push( train.trainId)
                            // })
                            //     that.resultArr = [];//去重后的数组
                            //     var flag;
                            //     for (var i in that.new_Positions){
                            //         flag = true;
                            //         for (var j in that.resultArr) {
                            //             if (that.resultArr[j] == that.new_Positions[i]) {
                            //                 flag = false;
                            //                 break;
                            //             }
                            //         }
                            //         if (flag) {
                            //             that.resultArr.push(that.new_Positions[i]);
                            //         }
                            //     }
                            // console.log("that.resultArr:",that.resultArr)
Copier après la connexion

Le résultat imprimé :

Comment implémenter la déduplication de tableau dans vue.js

La deuxième méthode :

Utilisez... Implémentation d'un nouvel ensemble

Le code spécifique est le suivant :

                            that.positions.map(train=>{
                                that.new_Positions.push(train.trainId)
                            })
 
                            that.new_Positions = [...new Set(that.new_Positions)];
                            console.log("that.resultArr:",that.new_Positions)
Copier après la connexion

Apprentissage recommandé :Formation php

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal