vue.js如何實作陣列去重

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

本文操作環境：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)

列印的結果：

第二種方法：

用... 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中文網其他相關文章！