存储和更新存储的对象

时间:2019-01-24 19:11:03

标签: javascript react-native asyncstorage

我试图将一个对象存储在AsyncStorage中,然后检索它并将其与当前对象合并并再次保存,从而始终保留并更新对象。我真的很难理解您应该如何存储和操作此内容,有什么建议吗?这是在组件和应用加载ps时将在组件将挂载的过程中完成的,我只能用所有对象制作一个新的数组元素

检索方法

_retrieveObj = async () => {
try {
  const value = await AsyncStorage.getItem('OBJECT');
  if (value !== null) {
    return JSON.parse(value);
  }
  return [];
} catch (error) {
  // Error retrieving data
}
};

存储方法

_storeObj = async (obj) => {

let numberArray = [];
try {
  let storedNumbers = await AsyncStorage.getItem('OBJECT');
  if (storedNumbers !== null) {
    numberArray = JSON.parse(storedNumbers);
  }
  numberArray.push(obj)
  await AsyncStorage.setItem('OBJECT', JSON.stringify(numberArray));
} catch (error) {
  console.log(error)
}
};

在组件内调用

 _UpdateAndSave = async (objToDisplay) => {

const storedObj = await this._retrieveObj();
if (storedObj !== objToDisplay) {
  const obj  = this._merge(storedObj ,objToDisplay);

  const objToSave = JSON.stringify(obj);
  this._storeObj(objToSave);
}

合并对象的方法(在线找到)

_merge = (a, b) => {
let c = {};
for(let idx in a) {
  c[idx] = a[idx];
}
for(let idx in b) {
  c[idx] = b[idx];
}
return c;
};

谢谢

1 个答案:

答案 0 :(得分:1)

获取数组的原因是因为要在 _storeObj 函数中保存对象数组。看起来您已经将现有对象和新对象合并为一个对象,因此只需保存合并的结果即可。您不需要 _storeObj 函数。

_UpdateAndSave = async (objToDisplay) => {

const storedObj = await this._retrieveObj();
if (storedObj !== objToDisplay) {
  const obj  = this._merge(storedObj ,objToDisplay);

  const objToSave = JSON.stringify(obj);
  await AsyncStorage.setItem('OBJECT', objToSave);
}