Ionic Json对象数组仅保存最后一项

t30tvxxf  于 2022-12-09  发布在  Ionic
关注(0)|答案(2)|浏览(127)

我想定义一个对象数组,然后将对象存储在数组中,但是数组中只有一个对象(最后一个对象),并且无法向其中添加更多对象。
在数据服务类中

getData(){
 return this.storage.get('x').then((val) => {
  console.log('x',val);
 });
}

 async setData( Name, Code, date){
     let Info=[{
      Name:Name,
      Code:Code,
      date:date
      }];
      console.log(typeof(Info)); // returns object
    return this.storage.set('x',JSON.stringify(Info));
  }

在主页中调用set和get方法:

async loadData() {
    await this.dataservice.getData();
  }
async addData(name,code,date){
    await this.dataservice.setData(name,code,date);
    this.getData()
    }

在主页的另一个功能中:

postAPI(){
this.addData('Sara','XXX','2022/10/10');
}

输出量:

x [{…}]0: 
Name: "Sara"
Code: "XXX"
date: '2022/10/10'
[[Prototype]]: Object length: 1
[[Prototype]]: Array(0)
dfddblmv

dfddblmv1#

如果要保存所有响应,则在将数据添加到存储时,首先从存储中获取所有现有数据,然后将数据添加/追加到现有数据,然后将所有数据保存回存储。

async setData(Name, Code, date) {
  let existingData = await this.storage.get('x');
  let newData = { Name:Name, Code: Code, date: date };

  if (!existingData) {
    existingData = [newData]
  } else {
    existingData.push(newData);
  }
  await this.storage.set('x', JSON.stringify(existingData));
}
sauutmhj

sauutmhj2#

如果要将数据追加到存储中,首先必须获取数据并追加到其中。

async setData(data: any) {
    let _tmp = await this.storage.get('x') || [] ;
    _tmp.push(data);
    await this.storage.set('x', _tmp);
}

相关问题