判断字段存在则只push一次进数组的方法：indexOf

最新推荐文章于 2022-08-31 23:02:02 发布
最新推荐文章于 2022-08-31 23:02:02 发布
阅读量846 收藏
点赞数 1
文章标签： vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_38990605/article/details/108275549
版权
在Vue.js项目中，为解决批量删除按钮在具备权限且多选时重复显示的问题，通过在push操作前使用indexOf判断，确保元素不重复进入数组。
摘要由CSDN通过智能技术生成

前面判断了组件权限的显示
只要有权限（this.delShowFlag==true）
而且多选的时候（this.multipleSelection有值）
就可以在按钮区（this.topButtonDatas）
有“批量删除”按钮（deletes）
如果是简单的push就会有出现好几个按钮的问题：

watch: {
   
    multipleSelection(val) {
   
        if (val.length>0) {
   
            if
最低0.47元/天 解锁文章
栀妹儿
关注
数组学习方法
IKUN__的博客
05-25 239
ES3~ES7的数组方法学习 参考文章：数组方法1、数组方法2 JavaScript数组方法总结 1.push() 可以接受一个或者多个参数，将参数追加到数组的尾部，返回添加后的数组的长度，原数组会发生改变。 2.pop() 从数组尾部删除一个元素，返回这个被删除的元素，原数组发生改变。 3.unshift() 可以接受一个或者多个参数，将参数放到数组的头部，返回添加后的数组的长度，原数组会发生改变。 4.shift() 从数组头部删除一个元素，返回这个被删除的元素，原数组发生改变。 5.s
不想让数据递增 如何只实现一次push
u014788505的博客
11-10 1088
let arr = [] for(let item of ordersort ){ arr.push(item.name) } this.ordersort = arr // 如果想每次数据都递增 就生成一个全局变量 每次都保存 for(let item of ordersort ){ this.ordersort .push(item.name) } ..
vue js关于在函数里面使用数组的push()方法，结果数据永远只有一条
qq_52790671的博客
08-12 2136
在函数里面使用数组的push()方法，结果数据永远只有一条 是全局变量和局部变量的原因，因为我的数组是定义在函数里面，就成了局部变量，所以，push方法是成功了，但因为是局部变量，所以，每次调用函数就会执行 var arr=[];该语句清空数组数据，所以数据永远只有一条。 简单来说呢，就是不用let var什么的，直接用this.arr.push(),就没错了。 ...
vue使用push数组值相等不push，不相等才push
早晚的博客
12-11 2361
首先得定义俩个数组，一个空数组，一个你需要push的arr，这里用到了foreach和indexOf this.arr.push(e.node.dataRef.title) // 这个是你push的数组this.arr // 首先你得循环这个this.arr因为你要判断你push的值是否相同 this.arr.forEach(item => { // 这儿用到indexOf是你在判断如果为-1也就是没有这个值的时候在push // 有的话就不push，这个是我写的 if (this.arr1.
如何使用push方法，往类数组对象中推入一个值
m0_56729518的博客
09-16 1596
我们先理清类数组概念： 什么是类数组 长的像数组的对象，类数组又叫伪数组 类数组和数组的区别： 1.都有length属性 2.都可以for循环遍历，有的类数组还可以通过for of遍历 3.类数组不具备数组的原型方法，不可以调用相关数组方法（如，push、slice、concat…） 常见的类数组 1.函数的参数 arguments 2.通过getElementsByTagName,getElementsByClassName,getElementsByName等方法获取的dom列表（也叫
JS根据json数组多个字段排序及json数组常用操作
12-10
总结来说，JS处理JSON数组涉及到的关键概念包括数组的`sort()`、`filter()`、`splice()`、`indexOf()`和`push()`方法，以及自定义比较函数用于排序。了解并熟练掌握这些方法对于高效地处理数据至关重要，无论是在...
JS 判断数组（数组对象）中是否存在指定的值，如果存在就删除
一尾流莺 半世情缘
10-15 2067
用到了map、filter、includes、或者另一种思路 for、indexOf
js循环判断有无重复值_JS判断一个数组中是否有重复值的三种方法
weixin_31319027的博客
12-30 3704
展开全部方法一无需思考，我们可以得到 O(n^2) 复杂度的解法。定义一个e68a84e8a2ad62616964757a686964616f31333361313365变量数组 res 保存结果，遍历需要去重的数组，如果该元素已经存在在 res 中了，则说明是重复的元素，如果没有，则放入 res 中。function unique(a) {var res = [];for (var i = 0,...
Js数组的操作push,pop,shift,unshift等方法详细介绍
PR
06-20 7685
js中针对数组操作的方法还是比较多的，今天突然想到来总结一下，也算是温故而知新吧。不过不会针对每个方法进行讲解，我只是选择其中的一些来讲,感兴趣的朋友可以研究一下 js中针对数组操作的方法还是比较多的，今天突然想到来总结一下，也算是温故而知新吧。不过不会针对每个方法进行讲解，我只是选择其中的一些来讲。  首先来讲一下push和pop方法，这两个方法只会对数组从尾部进行压入或
剑指Offer笔记(java)
mabiao6822的博客
06-12 509
1、单例 //饿汉模式:线程安全，耗费资源。 public class Singleton { private Singleton () {}; private static final Singleton instance=new Singleton();//一上来就直接创建对象实例 public static Singleton getInstance() { return inst...
将数据push到另一个空数组中，且不能重复添加
豆奶的博客
08-31 1739
使用push将数据添加到空数组，且不重复
JavaScript Array 对象参考手册 push() 方法
stephen830
02-28 818
 JavaScript push() 方法 返回JavaScript Array 对象参考手册 （目录） 定义和用法 push() 方法可向数组的末尾添加一个或多个元素，并返回新的长度。 语法 arrayObject.push(newelement1,newelement2,....,newelementX)   参数描述 newelement1 必需。要添加到数组的第一个元素。 ...
js循环判断数组对象是否存在某属性值，若存在则新值覆盖，不存在再push
Haihao_123的博客
04-22 2602
function functiontofindIndexByKeyValue(arraytosearch, key, valuetosearch) { for (var i = 0; i < arraytosearch.length; i++) { if (arraytosearch[i][key] == valuetosearch) { return i; } } return -1; }.
javascript js队列 push()、shift()与pop()、unshift()理解
rachel_2016的博客
01-21 2万+
队列：先进先出； 在学习js的过程中，碰到这样一个问题： var colors=new Array(); var count=colors.unshift("red","green"); //推入多个项 count=colors.unshift("black"); //推入单个项 var item=colors.pop(); ...
js中数组push对象，前面的值总是被最后一次的值覆盖的问题
热门推荐
xiaoye的博客
11-01 2万+
今天一同学问了我一个问题，说他js中定义了一个数组，每次往里面push对象，结果最后一次push的对象会覆盖之前push进去的值，问我怎么解决。如果你也遇到了相同的问题，请继续看下去---------------------------------------下面是代码模拟：var data = { a:'123', b: '456', c: '789'}; var dataObj = {};//...
JavaScript学习笔记：数组(三)【转】
weixin_30561177的博客
05-05 644
JavaScript是一种弱类型语言，不像其它程序语言需要严格定义数据类型。在JavaScript中数组可以任意修改变动，这样也就出现了一个问题，如果边遍历数组边操作数组（比如删除当前项，则所有之后的数组元素下标都将向前移动）是一件很危险的事情。 JavaScript的数组是一个拥有堆栈和队列自身优点的global对象。也就是说JavaScript数组可以表现的像栈(LIFO)和队列(FIFO)...
Js-----数组中push对象，覆盖问题，每次都新建一个对象
qq_36343142的博客
06-28 9068
遇见问题：向JS数组中添加对象，想改变一个数组元素的值，结过一个改变，剩下的全部改变。代码如下： let data: any = { floor:'', name:'', hls_url:'', videoId:0, id:0, isShow:false, sort: 0 }; for(l...
groupArr(list, field) { var fieldList = [], att = []; list.map((e) => { fieldList.push(e[field]) }) //数组去重 fieldList = fieldList.filter((e, i, self) => { return self.indexOf(e) == i }) for (var j = 0; j < fieldList.length; j++) { //过滤出匹配到的数据 var arr = list.filter((e) => { return e[field] == fieldList[j]; }) att.push({ nameType: arr[0].nameType, list: arr }) } return att; },
最新发布
06-03
接下来，遍历去重后的fieldList数组，对于每个元素，使用filter方法过滤出list中field字段匹配该元素的所有数据，将这些数据存入一个新的数组arr中。最后，将这个新数组arr和该元素的nameType属性一起存入一个对象中...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值