Heim > Web-Frontend > View.js > So implementieren Sie die Array-Deduplizierung in vue.js

So implementieren Sie die Array-Deduplizierung in vue.js

王林
Freigeben: 2021-10-08 15:22:53
Original
4517 Leute haben es durchsucht

Vue.js-Methode zum Implementieren der Array-Deduplizierung: Verwenden Sie zwei for-Schleifen, um die ID jedes Elements zu bestimmen, z. B. [that.positions.map(train=>{that.new_Positions.push( train.trainId)}) that .resul...].

So implementieren Sie die Array-Deduplizierung in vue.js

Die Betriebsumgebung dieses Artikels: Windows 10-System, Vue 2.5.2, Thinkpad T480-Computer.

Um eine Array-Deduplizierung in vue.js zu erreichen, können Sie die Verwendung einer for-Schleife und ... eines neuen Satzes in Betracht ziehen.

Die erste Methode:

Verwenden Sie 2 for-Schleifen, um die ID jedes Elements zu bestimmen

Der spezifische Code lautet wie folgt:

                            // 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)
Nach dem Login kopieren

Das gedruckte Ergebnis:

So implementieren Sie die Array-Deduplizierung in vue.js

Die zweite Methode:

Verwenden Sie... Neue Set-Implementierung

Der spezifische Code lautet wie folgt:

                            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)
Nach dem Login kopieren

Empfohlenes Lernen:php-Training

Das obige ist der detaillierte Inhalt vonSo implementieren Sie die Array-Deduplizierung in vue.js. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage