点击当前添加到数组，再次点击移除

最新推荐文章于 2022-05-31 22:36:22 发布

前端路上迷茫的小鲨鱼

最新推荐文章于 2022-05-31 22:36:22 发布

阅读量1.7k

点赞数 3

分类专栏： js

本文链接：https://blog.csdn.net/Guoyu1_/article/details/106592757

版权

js 专栏收录该内容

83 篇文章 1 订阅

订阅专栏

let text = $(this).text();
let ind = vals.indexOf(text);
if (ind === -1) {
    vals.push(text);
} else {
    vals.splice(ind, 1);
}

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

前端路上迷茫的小鲨鱼

关注关注

3
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

Vue里循环form表单项实例

qq_37635012的博客

09-07

4500

有的时候我们可能会遇到这种需求，用户点击某个按钮就可以增加一个同样的表单出来，点击一次增加一次。然后要用到深拷贝，Vue.js+ElementUI等等。效果大概如下，就是一个表单有下拉框和两个输入框，现在点击"添加表单"按钮之后就会多一个表单出来，点击"提交表单"后就同时提交两个表单的value值。代码如下: <template> <div> <div style="margin: 10px 0"> <el-button type="pr

vue 实现点击元素改变该元素样式，点击过的元素，样式不移除

summer

07-16

5147

vue 实现点击元素改变该元素样式，点击过的元素，样式不移除在写项目时一般的需求都是点击当前元素改变该元素样式点击下一个元素其余元素样式恢复原状，但最近遇到一个需求是，点击元素改变该元素字体颜色点击下一个元素上一次点击过的元素字体颜色还存在。这里的代码给出两种效果，第一种是类似于a链接的visited效果，二次点击该元素，已经改变过的样式不会再改变。第二种是样式切换效果，...

参与评论您还未登录，请先登录后发表或查看评论

点击当前元素将信息存在数组，再次点击从数组移除

rainux

11-04

979

Code Is Never Die ！真实场景：昨天在做一个选中与取消选中元素的功能，需要用到频繁push(加入)和remove(移除)元素的操作。实现思路：首先需要先判断数组中是否包含即将操作的元素；若不存在，则将当前元素push至数组中；若存在则将当前所选元素在数组中找到并splice移除；引入新方法：根据数组元素的 “值” 来删除数组中当前 “值” 元素。对数组增加内置属性方法： Array.prototype.contains = function(obj) { var i

点击添加到数组及删除

aosu9798的博客

06-01

232

var Array = new Array(); $('#btn').click(function(){ 　　var a = '1'; 　　var b = '2'; 　　if (Array.length == 0) { 　　　　Array.push(b) 　　}else{ 　　　　for (var i=0;i<Array.length;i++) { ...

js对数组的操作，包括向数组中插入删除数据

yang114544的博客

07-29

514

一.这里我们总结了一下js中常用的api，以及如何使用js完成在数组中插入删除数据 1.1.检查数组的api代码实例如下： <script> let value = [1, 2, 4, 5, 6]; console.log(Array.isArray(value))//输出为true </script> 2.转换方法将数组array转换为以逗号隔开的字符串 <script> let array = ['你好','hello','世界

javascript把创建的节点放入数组中，再从数组中删除节点

程宇寒

12-10

1037

javascript把创建的节点放入数组中，再从数组中删除节点 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>把创建的节点放入数组中，再从数组中删除节点</title> <link rel="stylesheet&quot

vue循环中点击选中再点击取消(单选)的实现

10-14

如果需要实现多选功能，可以改用一个数组（如 `selectedItems`）来存储选中的项的索引，点击时将当前索引添加或移除。同时，可以使用 `v-bind:class` 的数组语法来检查索引是否存在于数组中，决定是否应用选中样式...

PHP使用数组实现队列

10-28

接着，我们使用array_shift()函数从队列中移除第一个元素，并且再次使用print_r()函数查看出队后队列的内容。最后，我们使用echo输出语句打印出被移除的元素。需要注意的是，虽然PHP中的数组可以用来模拟队列，但...

JS数组扁平化、去重、排序操作实例详解

10-15

reduce()方法通过判断累加器数组中是否已包含当前元素来决定是否添加到累加器中；数组下标去重法利用数组的filter()方法，通过比较当前元素在数组中的第一个出现的索引与当前遍历到的索引是否相等，来过滤重复元素；...

iOS点击section头展开再次点击合起

01-02

"iOS点击section头展开再次点击合起"就是这样一个功能点，它涉及到了UITableView的自定义行为以及手势识别。首先，我们要理解UITableView的结构。UITableView是由多个Section组成的，每个Section下可以包含多行...

添加删除数组元素的方法

m0_70185826的博客

05-31

1447

添加删除数组元素的方法

vue数组选中的push到新数组和任意位置删除

热门推荐

qq_36229552的博客

08-26

2万+

一、在一个for循环里我们只想获取选择的数据 html结构如下：逻辑部分：这样就可以获取在一个for循环里面的选择到的数据。二、二维数组任意位置删除方法： productList:[ ] 第一层数组 productItem：[ ] 第二层数组 ...

Vue 数组添加元素的三种方式

走在搬砖的路上！

07-20

1万+

1、push() 结尾添加　　数组.push(元素) 参数描述 newelement1 必需。要添加到数组的第一个元素。 newelement2 可选。要添加到数组的第二个元素。 newelementX 可选。可添加多个元素。 2、unshift() 头部添加　　数组.unshift(元素) 参数描述 newelement1 必需。向数组添加的第一个元素。 newelement2 可选。向数组添加的第二个元素。 newel

vue动态点击添加数组并去重

weixin_30553837的博客

02-26

1701

//这里用的是methods事件并非watch监听this.zhishi 也不需要 handleNodeClick(data) { this.zhishi.push(data.label); this.zhishi=Array.from(new Set(this.zhishi)); }, ...

es6 数组排序_JavaScript Array 数组使用方法大全( 含ES6 )，值得收藏

weixin_39639698的博客

11-29

1200

数组操作方法分类因为数组操作的方法有很多，我们在实际项目中又会经常使用。下面是我自己针对这些方法做的简单分类，请看下表：push()push()可以将某些值加入到数组的最后一个位置，不限制添加数量，欲添加多项内容使用逗号隔开即可，加入后数组长度会增加。使用push()后会改变原本的数组内容。let a = [1,2,3,4,5,6,7,8];a.push(9, 10);console.log(a)...

vue 点击添加并去重

weixin_42274114的博客

07-30

455

vue 点击事件添加并去重在工作中遇到点击后需要往数组添加某个对象，并且去重。现将我的解决方案分享给大家在methods中添加点击事件的方法 handleNodeClick(data) { this.headerData.push(event); this.headerData = Array.from(new Set(this.headerData)); }, ...

vue-复选框的增加和删除案例

qq_42039912的博客

07-06

2064

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> .addClass { text-decoration: line-through; } </style> </head> <body> <div id="app".

vue3和ts上绑定一个按钮点击移除leaflet多个maker标记，再次点击显示标记