vue.js で配列の重複排除を実装する方法

配列の重複排除を実装するための Vue.js メソッド: 2 つの for ループを使用して、[that.positions.map(train=>{that.new_Positions.push( train.trainId) などの各項目の ID を決定します。 )})その結果...]。

#この記事の動作環境: Windows10 システム、vue 2.5.2、thinkpad t480 コンピューター。

vue.js で配列の重複排除を実現するには、for ループと...新しいセットの使用を検討できます。

最初の方法:

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)

出力結果:

2 番目の方法:

Use... new set to達成

具体的なコードは次のとおりです:

                            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 中国語 Web サイトの他の関連記事を参照してください。