Heim > Artikel > Web-Frontend > So implementieren Sie die Array-Deduplizierung in vue.js
So implementieren Sie die Array-Deduplizierung in vue.js
- 王林Original
- 2021-10-08 15:22:534489Durchsuche
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...].
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)
Das gedruckte Ergebnis:
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)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!