当 setData() 要设置超过 1M 的数据时怎么办？
发布于 6 年前 作者 yanshi 4449 次浏览 来自 问答

setData() 的文档中说：

单次设置的数据不能超过1024kB，请尽量避免一次设置过多的数据。

的确是这样的，当单次设置的数据过大时会失败。

但这种情况怎么避免呢？

想过分批赋值给数组或对象：

let i = 3;


this.setData({


  arr[i]: 'abc',


 obj.i: 'abc'


})

但语法是错的。

文档中还说：

其中 key 可以非常灵活，以数据路径的形式给出，如 array[2].message，a.b.c.d，并且不需要在 this.data 中预先定义。

试验了一下

this.setData({


 "arr[i]": 'abc',


 "obj.i": 'abc'


})

语法没错，但显然 i 只作为一个字符串，而不是变量。

又试了一些拼字符串的方式，语法上都不对

this.setData({


 `arr[${i}]`: 'abc',


 "arr[" + i + "]": 'abc'


})

虽然可以使用这个方式解决变量问题，但 1M 的限制还是在的（没试验，但理论上设置的还是总数据）

const obj


let i = 3


obj[i] = 'abc'


this.setData(arr)

所以想问下在需要设置大量数据时，应该怎么做？

举个实际应用的例子：

瀑布流，当用户一直一直往下拉，大量的数据要怎么处理呢？

3 回复

内存是很宝贵的，加载后面的数据成功后最好把前面的数据删除了。

——来自个人公众号“零零糖”的友情回答，欢迎关注~~

已经解决了这个问题，谢谢各位。

可以将大量数据分批设置到 data 中，但是对内存的大量占用尚未测试。

使用了 ES6 新增的 计算属性名 特性。

let obj = [];


const num = 3;


let i = 'obj[' + num + ']';


this.setData({

  [i]: 'abc',
}, function () {
  console.log(this.data)
})

输出 data.obj 为：

Array(4)

0: undefined

1: undefined

2: undefined

3: ‘abc’

用户往上拉，然后获取后端的数据 push进数组，再setData一遍，上次有人提到过这种问题，他是往上面拉一页，就删掉最前面那一页，最后不知道实现没有，还有数据太大建议先存储再缓存里，然后拿，超出太多也没办法了，我的数据6w多条。只加载了200多条。

回到顶部