• 简书网微信公众号二维码
您当前的位置: 首页 > 知识百科 > 微信小程序如何使用setData修改数组?

微信小程序如何使用setData修改数组?

时间:2023-07-01 14:05 阅读数:97 人阅读 分类:知识百科

  微信小程序如何使用setData修改数组?在微信小程序开发过程中,应该怎么去使用setData修改数组呢?接下来小编会为大家介绍微信小程序如何使用setData修改数组的相关内容。请往下看。

  微信小程序如何使用setData修改数组?

  在微信小程序中经常会遇到修改数组中某一项的值,比如array[0]或者是对象中object.item的值。这些值在微信小程序中都需要使用一个名为setData的方法,而这个方法是通过键值对的形式对数据进行修改,setData({ 参数名: 值 });

  既然知道是以键值对的方式进行传参,那么我们在修改数组和对象的时候就直接将要修改的参数名写成对应字符串就可以了,然后使用[]将小程序字符串括起来,这就告诉编译器这是指向的是该字符对应的实际位置。

  微信小程序使用setData修改数组需要的微信小程序代码如下:

  [html] view plain copyvar authority = 'buttonGroup.authority'

  that.setData({

  [authority]: parseInt(level)

  })

  [html] view plain copyvar printPrice = "item["+i+"].print_price";

  this.setData({

  [printPrice]: e.detail.value

  });

  html如下:

  

  小程序JS如下:

  Page({

  data: {

  todos: [{id: 0, text:'abc', isDelete: false}]

  },

  //事件处理函数

  showDeleteBtn: function(event){

  var index = event.currentTarget.id;

  var deletedTodo = "todos["+index+"].text";

  this.setData({

  deletedTodo: true

  });

  }

  })

  根据文档,如果修改array里面某个具体值,是可以采用'array[0].text':'changed data'这种格式的:

  

  微信小程序如何使用setData修改数组?以上全部内容供大家参考。如果你要通过微信小程序使用setData修改数组的话,那么以上小编整理的内容会对大家有帮助哦。大家请多多的关注微小乔。

  

  如何实现微信小程序循环输出?

  如何使用微信小程序输出换行符

  微信小程序输出html,小程序解析html的方法