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

王林
王林original
2021-10-08 15:22:534556parcourir

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)

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)

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!

Déclaration:
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