Bagaimana untuk melaksanakan deduplikasi tatasusunan dalam vue.js

Kaedah Vue.js untuk melaksanakan penyahduaan tatasusunan: gunakan dua untuk gelung untuk menentukan id setiap item, seperti [that.positions.map(train=>{that.new_Positions.push( train. trainId )})itu.hasil...].

Persekitaran pengendalian artikel ini: sistem windows10, vue 2.5.2, komputer thinkpad t480.

Untuk mencapai deduplikasi tatasusunan dalam vue.js, anda boleh mempertimbangkan untuk menggunakan untuk gelung dan... set baharu.

Kaedah pertama:

Gunakan 2 untuk gelung untuk menentukan id setiap item

Kod khusus adalah seperti berikut:

                            // 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)

Dicetak Keputusan:

Kaedah kedua:

Gunakan... set baharu untuk melaksanakan

Kod khusus adalah seperti berikut:

                            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)

Cadangan pembelajaran: latihan php

Atas ialah kandungan terperinci Bagaimana untuk melaksanakan deduplikasi tatasusunan dalam vue.js. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!