分类: javascript 1566阅读阅读模式
假设有这样一个数据:
- data:[
- { name:'张三',age:20 },
- { name:'李四',age:20 }
- ]
常规的做法是先获取全部数据,然后根据索引值修改这个项,然后 setData .
示例如下:
- const index = 1;// 随意改动
- // 获取全部
- let data = this.data.data;
- // 根据索引修改某一项
- data[index].age = 18;
- // 最后全部 set 到页面去
- this.setData({
- data: data
- });
但是这样做的话,数据量大的时候,就有问题了.
有没有单独修改某一项的呢? 有的,修改后只需要局部更新.
固定修改
如果我们需要修改张三的年龄为18,直接如下修改即可:
- this.setData({
- "data[0].age": 18
- });
动态修改
因为修改项是知道的,假如说修改项是个变量呢?
如果按照刚刚我们的写法是会报错的
- this.setData({
- data[index].age: 18
- });
那么应该怎么写呢?
首先需要定义一个变量,这个变量的值就是要修改的数据名,但是需要用字符串拼接的方式为其赋值。
如下:
- const age = 'data['+ index +'].age';
然后使用 this.setData 修改项,要注意变量要使用 [ ] 包裹。
如下:
- this.setData({
- [age] : 18
- });
完整代码如下:
- const index = 1;// 随意改动
- const age = 'data['+ index +'].age';
- this.setData({
- [age] : 18
- });