微信小程序怎样实现点击按钮向数组中添加数据,再次点击删除数组中的改数据,求大神救救我吧!

toCollect:function(event){
let dish = event.currentTarget.dataset.dish;
let title = event.currentTarget.dataset.title;
let icon = event.currentTarget.dataset.icon;
var newItem = {
title: title,
icon: icon,
id:dish,
right: 0,
startRight: 0
};

collectItems.push(newItem);
console.log(collectItems);
for (var i = 0; i < collectItems.length; i++) {
// var newCard = [];
// var newCardTeams = [];
// var newCollect = [];
if(collectItems[i]==newItem){
collectItems.slice(0, i).concat(collectItems.slice(i + 1, collectItems.length))
// newCardTeams =collectItems.slice(i + 1, collectItems.length);
// newCollect = newCard.concat(newCardTeams)
this.setData({
collectItems: collectItems
})
}

在点击事件中添加一个Boolean型变量
事件函数{
var b=true;
if (b==true){
添加数据
b=false
}
if(b==false){
删除数据
b=true
}

}
原理就是在事件函数中加一个开关,控制着存放和删除
温馨提示:内容为网友见解,仅供参考
无其他回答

数组操作--微信小程序学习教程
在微信小程序中,可以通过JavaScript的`concat()`方法实现数组的合并。例如,`let newList = oldList.concat(newData)`,其中`newData`是需要添加的数据,`oldList`是原始数组。这样操作后,`newList`就是将`newData`添加到`oldList`末尾的新数组。若要实现向前插入,只需在`concat()`方法中调整参...

微信小程序数组的基本操作(全网最详细)
第三种方法:直接使用字符串,之前看前辈说是不行,现在是可以了,估计小程序库升级了。注意和第一种方法的对比,推荐还是使用第一种方法,防止突然不行 2.代码实现 三、删除某条数据 1.代码 方法:基本都是先构造变量,重新赋值。2.代码实现 四、清空数组 1.代码 方法:就是向数组传递空数组 2....

微信小程序 数组追加元素
在微信小程序中,进行数组追加元素的操作,可通过以下步骤实现。首先,设计展示和添加电话号码的界面样式,利用条件语句wx:if根据数据来源判断是后台传入(显示为false)还是新添加(显示为true)。当数据不是后台传入时,显示添加电话的界面。在加载数据阶段,已预先定义数组并成功将数据填充至数组中。此过程...

微信小程序怎么靠点击事件拿到对应数组的唯一id?
1、请求获取的数据赋值给页面data中;2、页面 wx:for循环输出 并每个item中添加bindtap点击事件 clickid(item.id)3、js中clickid点击事件中 就拿到id了 clickid(id){ console.log(id)}

如何在微信小程序中操作数组的curd
如果想在前面插入数据,就要用到数组合并的操作了,concat()方法可以选择合并到前面或者后面例如newarray.concat(notes);。2,数据的删除 小程序里面貌似没有remove的方法,所以删除我选择的是split方法,这也是遇到的一个坑。notes.splice(id,i)就可以从index为id的位置开始,删除i个元素,这点大家都懂...

微信小程序:setData函数详解及注意事项
微信小程序中的setData函数是实现数据与视图层同步的核心工具。接下来,我们将通过实例解析和注意事项,深入了解其使用方法和优化技巧。首先,我们来探讨一个简单的使用场景:点击事件触发修改变量值。当点击按钮时,setData会立即更新对应的this.data.test属性,从而使视图层同步反映这一变化。接着,我们深入...

微信小程序开发系列 (三) :微信小程序如何响应用户点击事件和微信平台...
在微信小程序开发中,用户交互是关键。本文将教你如何在控制器中处理用户点击事件,并掌握微信平台API的使用。例如,创建一个简单的示例,包含一个按钮和计数器,每次点击按钮,计数器加一。首先,在数据模型data中添加计数器字段,并实现绑定的事件处理函数。在事件处理函数中,微信框架会自动传递参数e,...

微信小程序:防止重复提交产生垃圾数据,频繁点击消耗数据库读写资源_百...
例如使用:wx.showToast,wx.showLoading 弹出提示框,提示框显示xx秒,提示框显示期间无法再操作 通俗讲,就是弹出屏蔽层,防止用户第二次点击 例如使用:hidden 或者 disable 或者 wx:if 点击一次后,立即禁用或隐藏按钮 此方法可能存在的问题:在弹出提示框前已经点击了多次 页面js中使用节流函数 ...

微信小程序+ECharts实现引用函数数组动态刷新
小程序中实时获取数据,包括网络数据或小程序生成数据,并以同步更新频率显示。数据显示方式仅在点击按钮时启动折线图,不点击则隐藏。显示效果:使用X轴表示数据序列,Y轴展示两个相关联的数据集合(dataPV, dataSP),这两个数据需与X轴数据同步变化。数据集可视为一个集合数组,无需单独分离。实现步骤...

微信小游戏彻底清除数据
该数据清除方法如下:1、打开微信,点击右下角的“发现”按钮,然后选择“小程序”,进入微信小程序界面。2、在微信小程序界面中,找到想要清除数据的微信小程序游戏,点击进入。3、在游戏的设置页面中,可以看到一个“清除缓存”或者类似的选项,点击该选项,确认清除数据即可。

相似回答