首页 >web前端 >Vue.js > 正文

vue.js如何实现数组去重

原创2021-10-08 15:22:530390

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)

打印的结果:

28ae84c27a37e510f761ba12de8ff4c.png

第二种方法:

用... 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中文网其它相关文章!

php中文网最新课程二维码

声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理

  • 相关标签:vue.js 数组
  • 相关文章

    相关视频


      网友评论

      文明上网理性发言,请遵守 新闻评论服务协议

      我要评论
    • 专题推荐

      推荐视频教程
    • 麦子学院Vue.js视频教程麦子学院Vue.js视频教程
    • Vue.js + Node.js构建音乐播放器实战视频教学Vue.js + Node.js构建音乐播放器实战视频教学
    • 视频教程分类