JavaScript 微信小程序动态修改数组某一项的值

当前位置: 首页 » 记录 » javascript » JavaScript 微信小程序动态修改数组某一项的值

分类: javascript 102阅读阅读模式

假设有这样一个数据:

  1. data:[
  2.     { name:'张三',age:20 },
  3.     { name:'李四',age:20 }
  4. ]

 

常规的做法是先获取全部数据,然后根据索引值修改这个项,然后 setData .

示例如下:

  1. const index = 1;// 随意改动
  2. // 获取全部
  3. let data = this.data.data;
  4. // 根据索引修改某一项
  5. data[index].age = 18;
  6. // 最后全部 set 到页面去
  7. this.setData({
  8.   data: data
  9. });

但是这样做的话,数据量大的时候,就有问题了.

有没有单独修改某一项的呢? 有的,修改后只需要局部更新.

 

固定修改

如果我们需要修改张三的年龄为18,直接如下修改即可:

  1. this.setData({
  2.   "data[0].age": 18
  3. });

 

动态修改

因为修改项是知道的,假如说修改项是个变量呢?

如果按照刚刚我们的写法是会报错的

  1. this.setData({
  2.   data[index].age: 18
  3. });

 

那么应该怎么写呢?

首先需要定义一个变量,这个变量的值就是要修改的数据名,但是需要用字符串拼接的方式为其赋值。

如下:

  1. const age = 'data['+ index +'].age';

然后使用 this.setData 修改项,要注意变量要使用 [ ] 包裹。

如下:

  1. this.setData({
  2.   [age] : 18
  3. });

 

完整代码如下:

  1. const index = 1;// 随意改动
  2. const age = 'data['+ index +'].age';
  3. this.setData({
  4.   [age] : 18
  5. });

 

 

 

相关文章

评论一下

【注意1】:首次评论使用表情将会进入审核状态。
【注意2】:无意义回复、乱打文字内容将会进入审核状态。
【注意3】:涉及辱骂、色情、政治、毒品、赌博内容将会进入审核状态。
【注意】:首次评论使用表情将会进入审核状态。
暂无评论