vue中向数组去重_vue数组去重2种方法-Go语言中文社区

最新推荐文章于 2024-04-24 19:02:49 发布
最新推荐文章于 2024-04-24 19:02:49 发布
阅读量113 收藏
点赞数
文章标签： vue中向数组去重
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_39938855/article/details/111810321
版权

方法一：

用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)

打印的结果：

weixin_39938855
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
vue中对象数组去重的实现
10-15
主要介绍了vue中对象数组去重的实现，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
数组去重主要的5种方法，
热门推荐
qq_42957741的博客
01-06 5万+
数组去重的方法 一、利用ES6 Set去重（ES6中最常用） var arr = [1,1,8,8,12,12,15,15,16,16]; function unique (arr) { return Array.from(new Set(arr)) } console.log(unique(arr)) //[1,8,12,15,16] 不考虑兼容性，这种去重的方法代码最少。这种方法还无...
axios @0.20.0版本delete方法遇到的问题
weixin_48101702的博客
10-04 604
axios别名方式调用delete，无法获取data参数无效方法可用方法其他方法 无效方法 axios.delete('/delete',{ data: { id: 12 } }).then((res)=>{ console.log(res) }) 可用方法 axios({ method: 'delete', url: '/delete', data: data }).then(res=>{ console.log(res) }) 其他方法 卸载0.20.0版axios，安装0.19.0版 .
JS/VUE数组去重方法
weixin_41262185的博客
08-24 355
有些文章数组去重方法有的说10种，有的说12种，其实吧，我觉得主要也就是四大解决思路方案 1.indexOf/includes 思路：拿当前项和后面的内容进行比较，包含了就删掉 let ary=[12,23,12,15,25,23,25,14,16]; for(let i=0;i<ary.length-1;i++){ let item=ary[i], args=arr.slice(i+1){ args=ary.slice(i+1); if(args.indexOf(item)>-1){
JavaScript中数组去重的5种方法
10-15
主要介绍了JavaScript中数组去重的5种方法，文中讲解非常详细，实例代码帮助大家更好的理解和学习，感兴趣的朋友可以了解下
JS数组去重的6种方法完整实例
10-17
本文将详细介绍六种不同的方法来实现JS数组去重，并提供相应的代码实例。 1. **filter方法结合indexOf**： ```javascript var arr1 = [7, 7, 7, 8, 8, 8, 82, 82, 839, 49, 329, 8, 3, 3]; var arr1_1 = arr1....
Vue 获取数组键名的方法
12-02
总结一下，Vue中获取数组键名的关键步骤是： 1. 在`data`选项中定义状态变量，存储需要处理的数组元素。 2. 在Vue模板中使用`{{ }}`插值语法结合`Object.keys()`方法获取对象的键名。 3. 如果需要第一个键名，可以...
数组在Vue项目中 去重 的方法
m0_59878114的博客
10-18 120
方式一 const newArr = [], this.Arr.forEach(str =>{ const index = newArr.findIndex(samllStr => smallStr === str) if(index === -1){ //搜素历史在newArr里没找到 newArr.push(str) } }) console.log(newArr) 方式二 this.arr= Array.from(new .
【前端】vue数组去重的3种方法
最新发布
weixin_43366051的博客
04-24 3283
前端使用场景中，经常会遇到数组去重的场景，本文主要介绍了vue常见的几种数组去重方法。
vue实现将一个数组内的相同数据进行合并
12-13
获取服务器传来的数组数据进行，找出其中价格相同的进行数量相加，合并该段数据： /** 先将传来的订单列表进行四舍五入，再将价格相同的订单进行合并 * @param {Object} orderList :要进行操作的订单 */ async mergeOrder(orderList) { console.log(orderList); let contrast_1 = JSON.parse(JSON.stringify(orderList)); for(let x in contrast_1){ contrast_1[x].trade_price = this.toD
vue数组去重2种方法
IT博客技术分享
09-29 4万+
方法一： 用2个for循环，判断每一项的id， 案列： // that.positions.map(train=>{ // that.new_Positions.push( train.trainId) // ...
vue实现两个数组的去重
ersorn
08-13 1915
// _this.restaurants是数组较长的那一组，_this.tableDates是较短的那组数组 for(var i=0;i<_this.tableDates.length;i++){ for(var j=0;j< _this.restaurants.length;j++){ if( _this.restaurants[j].itemCode...
vue中向数组去重_vue中对象数组去重的实现
weixin_29491655的博客
02-11 1181
回调函数是每个前端程序员都应该知道的概念之一。回调可用于数组、计时器函数、promise、事件处理中。本文将会解释回调函数的概念，同时帮你区分两种回调：同步和异步。回调函2021-01-15 20:38:08Javascript 实现复制(Copy)动作大全一、实现点击按钮，复制文本框中的的内容function copyUrl2(){ var Url2=document.getElement...
js数组去重的10种有效方法 vue 数组去重，【福利】
2401_84097883的博客
04-04 1257
资料过多，篇幅有限，需要文中全部资料可以点击这里免费获取前端面试资料PDF完整版！自古成功在尝试。不尝试永远都不会成功。勇敢的尝试是成功的一半。[外链图片转存中…(img-opyX4PjY-1712166661973)][外链图片转存中…(img-v3kd8Don-1712166661973)]资料过多，篇幅有限，需要文中全部资料可以点击这里免费获取前端面试资料PDF完整版！自古成功在尝试。不尝试永远都不会成功。勇敢的尝试是成功的一半。
vue中数组去重
weixin_35756637的博客
01-12 1879
在 Vue 中，可以使用 JavaScript 的 Array.prototype.filter() 方法来过滤数组中重复的元素，得到一个新数组。 例如，对于以下数组： var arr = [1, 2, 3, 4, 5, 1, 2, 3]; 可以使用以下代码进行去重: var newArr = arr.filter(function (item, index, self) { retur...
vue数组去重
野原一家的博客
04-13 2万+
vue数组去重 最近在开发中遇到了需要对数组进行去重操作，在这里记录一下基本的去重方法 数组去重 对于简单的数组进行去重，可以使用Set集合，基本上可以对所有数据类型进行去重 test() { const arr = [true, 1, 'str', 's', 2, false, true, {}, [], function() {}, {}, [1], [2], { obj: 1 }, 2, 'str'] const qc = [...new Set(arr)] con
数组去重方法-unique
Tom__cy的博客
06-24 1020
方法一:通过includes方法 let arr = '2223334314aabssbsadndmfsdfsfad1122'.split("") function unique(arr) { let newarr = [] arr.forEach((item, index) => { if (!newarr.includes(item)) { ...
数组去重的4个方法
qq_45723045的博客
11-29 322
方式一: var = arr[1,2,3,4,5,1,2,3,4,5,1,1,16,7,8,9,9,9; var res = [];//接收不重复的数据 //1获取到arr中每一个值 for (var i = 0; i<arr.length; i++){ var flag = true;//表示不重复true false重复 //与第一次获取到值 之前的数据进行比较，看是否有重复的 for ...
vue js对象数组去重
04-17
在Vue.js中，可以使用一些方法来对对象数组进行去重操作。以下是一种常见的方法： 1. 使用Set数据结构：将对象数组转换为Set，然后再将Set转换回数组，这样就可以去除重复项。例如： ```javascript let arr = [{id: 1, name: 'Alice'}, {id: 2, name: 'Bob'}, {id: 1, name: 'Alice'}]; let uniqueArr = Array.from(new Set(arr.map(JSON.stringify))).map(JSON.parse); console.log(uniqueArr); ``` 2. 使用reduce方法：通过遍历对象数组，使用reduce方法来判断是否已存在相同的对象，如果不存在则将其添加到结果数组中。例如： ```javascript let arr = [{id: 1, name: 'Alice'}, {id: 2, name: 'Bob'}, {id: 1, name: 'Alice'}]; let uniqueArr = arr.reduce((acc, obj) => { let exists = acc.find(item => item.id === obj.id); if (!exists) { acc.push(obj); } return acc; }, []); console.log(uniqueArr); ``` 3. 使用lodash库：lodash是一个常用的JavaScript工具库，它提供了许多方便的函数来处理数据。可以使用lodash中的uniqBy函数来对对象数组进行去重。例如： ```javascript import _ from 'lodash'; let arr = [{id: 1, name: 'Alice'}, {id: 2, name: 'Bob'}, {id: 1, name: 'Alice'}]; let uniqueArr = _.uniqBy(arr, 'id'); console.log(uniqueArr); ```
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值