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)
学习推荐:php培训
以上是vue.js如何实现数组去重的详细内容。更多信息请关注PHP中文网其他相关文章!

VueUse 是 Anthony Fu 的一个开源项目,它为 Vue 开发人员提供了大量适用于 Vue 2 和 Vue 3 的基本 Composition API 实用程序函数。本篇文章就来给大家分享几个我常用的几个 VueUse 最佳组合,希望对大家有所帮助!

Vue3如何更好地使用qrcodejs生成二维码并添加文字描述?下面本篇文章给大家介绍一下Vue3+qrcodejs生成二维码并添加文字描述,希望对大家有所帮助。

如何使用VueRouter4.x?下面本篇文章就来给大家分享快速上手教程,介绍一下10分钟快速上手VueRouter4.x的方法,希望对大家有所帮助!

本篇文章给大家整理分享8个GitHub上很棒的的 Vue 项目,都是非常棒的项目,希望当中有您想要收藏的那一个。

本篇文章带大家聊聊vue指令中的修饰符,对比一下vue中的指令修饰符和dom事件中的event对象,介绍一下常用的事件修饰符,希望对大家有所帮助!

如何覆盖组件库样式?下面本篇文章给大家介绍一下React和Vue项目中优雅地覆盖组件库样式的方法,希望对大家有所帮助!


热AI工具

Undresser.AI Undress
人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover
用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool
免费脱衣服图片

Clothoff.io
AI脱衣机

AI Hentai Generator
免费生成ai无尽的。

热门文章

热工具

SublimeText3汉化版
中文版,非常好用

PhpStorm Mac 版本
最新(2018.2.1 )专业的PHP集成开发工具

EditPlus 中文破解版
体积小,语法高亮,不支持代码提示功能

螳螂BT
Mantis是一个易于部署的基于Web的缺陷跟踪工具,用于帮助产品缺陷跟踪。它需要PHP、MySQL和一个Web服务器。请查看我们的演示和托管服务。

适用于 Eclipse 的 SAP NetWeaver 服务器适配器
将Eclipse与SAP NetWeaver应用服务器集成。