小程序：如何动态增加删除JSON对象数组（附代码）

本篇文章给大家带来的内容是关于小程序：如何动态增加删除JSON对象数组（附代码），有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。

先看效果，在制作小程序时，经常遇到类似这种情况：

直接上代码：

 view >
.add-btn{
 background: chocolate;
 width: 200rpx;
 text-align: center;
 color: white;
 margin-bottom: 10px;
.list{
 display: flex;
 justify-content: space-around;
 border: 1px solid;
.delete-btn{
 background: red;
}
Page({
 data: {
 itemLists: [
 { id: 1, time: #39;00:00:00 #39; },
 { id: 2, time: #39;00:00:00 #39; },
 { id: 3, time: #39;00:00:00 #39; }
 addItems() {
 let list = this.data.itemLists
 list.push({ id: ~~(Math.random()*100), time: #39;00:00:00 #39; })
 this.setData({
 itemLists: list
 deleteIitems(e) {
 let idx = e.currentTarget.dataset.idx
 let list = this.data.itemLists
 let filterRes = list.filter((ele,index) = {
 return index != idx
 this.setData({
 itemLists: filterRes
})
总结：
关键处是使用ES6中的filter过滤方法，删除对象数组中的第几个对象。
过滤更多的时候是用在过滤掉指定的内容。
相关推荐：
微信小程序实例：如何调用腾讯地图获取jsonp数据
微信小程序中如何调用API实现数据请求
以上就是小程序：如何动态增加删除JSON对象数组（附代码）的详细内容，更多请关注php中文网其它相关文章！
 
  
 最佳 Windows 性能的顶级免费优化软件
 
每个人都需要一台速度更快、更稳定的 PC。随着时间的推移，垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是，许多工具可以让 Windows 保持平稳运行。