Ionic Native Storage：如何通过单个Promise获取指定键值集合

嘿，这个需求我之前在项目里也碰到过，其实不用挨个遍历调用getItem，借助Native Storage自带的方法和Promise的特性就能用单个Promise搞定，步骤很清晰：

核心思路 #

1. 先获取所有存储的键：Native Storage提供了keys()方法，它会返回一个包含所有键的Promise数组
2. 过滤目标键：从所有键里筛选出以form-开头的表单专属键
3. 批量获取数据：用Promise.all()把所有目标键的getItem请求打包成一个单独的Promise，一次性拿到所有表单数据

具体代码实现 #

import { NativeStorage } from '@ionic-native/native-storage/ngx';

// 在你的组件或服务中注入NativeStorage
constructor(private nativeStorage: NativeStorage) {}

/**
 * 获取所有已保存的表单数据，返回单个Promise
 * @returns Promise<Record<string, any>> 键为表单ID格式，值为表单对象
 */
getAllSavedForms(): Promise<Record<string, any>> {
  return this.nativeStorage.keys()
    // 第一步：过滤出form开头的键
    .then(allKeys => allKeys.filter(key => key.startsWith('form-')))
    // 第二步：批量获取每个键对应的值，用Promise.all打包请求
    .then(formKeys => Promise.all(
      formKeys.map(key => 
        this.nativeStorage.getItem(key).then(value => ({ key, value }))
      )
    ))
    // 可选：把结果转成键值对对象，方便后续业务使用
    .then(formEntries => 
      formEntries.reduce((formMap, entry) => {
        formMap[entry.key] = entry.value;
        return formMap;
      }, {} as Record<string, any>)
    )
    // 统一错误处理
    .catch(error => {
      console.error('读取表单列表出错:', error);
      throw error; // 抛出错误让调用方自行处理
    });
}

使用方式 #

调用这个方法时，只需要处理一个Promise就行：

this.getAllSavedForms()
  .then(forms => {
    // 这里拿到所有表单数据，直接渲染列表即可
    console.log('已保存的表单:', forms);
    // 如果需要数组形式展示，转成数组
    this.savedFormsList = Object.values(forms);
  })
  .catch(err => {
    // 处理错误逻辑，比如提示用户读取失败
  });

为什么这样高效？ #

• keys()方法一次性从Native Storage获取所有键，比循环调用getItem减少了多次IO操作
• Promise.all()会并行处理所有getItem请求，比串行执行效率高很多
• 整个流程只返回一个Promise，完全满足你不想逐个处理Promise的需求

内容的提问来源于stack exchange，提问作者haMzox