vue.js怎样实现数组去重

这篇文章主要为大家展示了“vue.js怎样实现数组去重”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“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)

以上是“vue.js怎样实现数组去重”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注创新互联行业资讯频道!


分享文章:vue.js怎样实现数组去重
浏览地址:http://bzwzjz.com/article/iidggp.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 成都网站设计 高端网站设计 重庆企业网站建设 教育网站设计方案 网站设计 成都模版网站建设 网站设计 成都网站建设 成都网站设计 成都企业网站制作 网站制作 阿坝网站设计 响应式网站建设 成都h5网站建设 外贸网站建设 手机网站建设 成都网站建设 成都网站制作公司 网站建设公司 四川成都网站制作 成都网站设计公司 app网站建设