Home >Web Front-end >Vue.js >How to implement array deduplication in vue.js
How to implement array deduplication in vue.js
- 王林Original
- 2021-10-08 15:22:534515browse
Vue.js method to implement array deduplication: use two for loops to determine the id of each item, such as [that.positions.map(train=>{that.new_Positions.push( train. trainId)})that.resul...].
The operating environment of this article: windows10 system, vue 2.5.2, thinkpad t480 computer.
To achieve array deduplication in vue.js, you can consider using for loop and...new set. Let’s take a look!
The first method:
Use 2 for loops to determine the id of each item
The specific code is as follows:
// 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)
The printed result:
Second method:
Use... new set to achieve
The specific code is as follows:
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) Learning recommendation: php training
The above is the detailed content of How to implement array deduplication in vue.js. For more information, please follow other related articles on the PHP Chinese website!