微信小程序setData如何动态修改数组?

简介: 微信小程序setData如何动态修改数组?

有一数组menus=[0,0,0,0],如果我们想修改menus数组的第2个值

的话,我们可以直接根据数组的键值修改,如下:

this.setData({
  menus[1]:1//修改后的menus=[0,1,0,0],这里我们知道了具体的键值
});

但是如果这个键值是个动态的值的话,我们该如何修改呢?

let index =  1;
this.setData({
       menus[index]:1  //  此方法不行
});

如果按照上边的方法肯定不行,可以安照下边的方法:

Page({
  data: {
    menus:[0,0,0,0]
  },
  //事件处理函数
  changeMenus: function(e){
    let index = e.currentTarget.id;//如果这里取得的index=1,那么此函数运行后menus=[0,1,0,0]
    let curMenu= "menus["+index+"]";
    this.setData({
       [curMenu]:1
    });
  }
})


相关文章
|
7月前
|
小程序 JavaScript
微信小程序--动态时间实现
微信小程序--动态时间实现
170 0
|
5月前
|
小程序 数据库
【微信小程序-原生开发】实用教程10 - 动态的新增、修改、删除(含微信云数据库的新增、修改、删除,表单弹窗、确认弹窗、日期选择器、单行输入框、多行输入框、滑动组件的使用)
【微信小程序-原生开发】实用教程10 - 动态的新增、修改、删除(含微信云数据库的新增、修改、删除,表单弹窗、确认弹窗、日期选择器、单行输入框、多行输入框、滑动组件的使用)
173 0
|
5月前
|
小程序 API 数据库
【微信小程序-原生开发】实用教程09 - 可滚动选项,动态列表-步骤条(含事件传参),动态详情(含微信云查询单条数据 doc)
【微信小程序-原生开发】实用教程09 - 可滚动选项,动态列表-步骤条(含事件传参),动态详情(含微信云查询单条数据 doc)
85 0
|
7月前
|
小程序 前端开发 数据库
【微信小程序4】云数据库:如何把数组一次性写入数据库中
【微信小程序4】云数据库:如何把数组一次性写入数据库中
93 1
|
数据采集 小程序
微信小程序的动态表单,实现房屋租赁的多租客录入(一)
微信小程序的动态表单,实现房屋租赁的多租客录入
228 0
|
小程序
小程序踩坑-appJSON["tabBar"][2]["pagePath"] "pages/test/test" 需在 pages 数组中
小程序踩坑-appJSON["tabBar"][2]["pagePath"] "pages/test/test" 需在 pages 数组中
116 0
|
存储 小程序
计算器小程序+函数指针数组介绍
计算器是我们生活中重要的使用工具,那么我们要怎样写出计算机小程序呢?想必大家有很多种写出计算器程序的代码,在这里小编将用函数指针数组写出计算器程序.
60 0
|
小程序 JavaScript
微信小程序系列——循环数组在前后端的使用
微信小程序系列——循环数组在前后端的使用
|
移动开发 小程序 JavaScript
微信小程序学习实录7(H5嵌入小程序、获取微信收货地址、数组对象url传值、js获取url参数)
微信小程序学习实录7(H5嵌入小程序、获取微信收货地址、数组对象url传值、js获取url参数)
345 0
|
存储 小程序 JavaScript
微信小程序的动态表单,实现房屋租赁的多租客录入(二)
微信小程序的动态表单,实现房屋租赁的多租客录入
196 0