首頁  >  文章  >  web前端  >  vue.js如何實作陣列去重

vue.js如何實作陣列去重

王林
王林原創
2021-10-08 15:22:534487瀏覽

vue.js實現陣列去重的方法:使用兩個for迴圈來判斷每一項的id,如【that.positions.map(train=>{that.new_Positions.push( train. trainId)})that.resul...】。

vue.js如何實作陣列去重

本文操作環境:windows10系統、vue 2.5.2、thinkpad t480電腦。

vue.js中實作陣列去重可以考慮使用for迴圈和... new set兩種方式來實現,一起來看吧!

第一種方法:

用2個for循環,判斷每一項的id

#具體程式碼如下:

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

列印的結果:

vue.js如何實作陣列去重

第二種方法:

用... new set 實作

具體程式碼如下:

                            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)

學習推薦:php培訓

以上是vue.js如何實作陣列去重的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn