vue/小程序/uniapp项目中使用storage本地存储-函数封装

注意：页面使用先引入后使用

storage.js文件

Vue项目

使用页面引入 import storage from "../utils/storage.js";

// 存储
const _setStorage = (key, value)=>{
    sessionStorage.setItem(key, JSON.stringify(value));
}
// 查找
const _getStorage = (key)=>{
    return JSON.parse(sessionStorage.getItem(key));
}

const _getForIndexStorage = (index)=>{
    return sessionStorage.key(index)
}
// 删除
const _removeStorage = (key)=>{
    sessionStorage.removeItem(key);
}
// 清空
const _removeAllStorage = ()=>{
    sessionStorage.clear();
}

export default {
    _removeAllStorage,
    _removeStorage,
    _getForIndexStorage,
    _getStorage,
    _setStorage,
}

微信/支付宝小程序项目

使用页面引入 import storage from '../../utils/storage';

// 微信小程序操作本地存储

// 获取本地存储对应key
const _getStorage = (key)=>{
  return wx.getStorageSync( key );
}

// 设置本地存储对应key
const _setStorage = (key,value)=>{
  return wx.setStorageSync( key,value );
}

// 清除全部本地存储
const _clearStorage = ()=>{
  wx.clearStorageSync();
}

// 清除指定key本地存储
const _removeStorage = ( key )=>{
  wx.removeStorageSync( key );
}

export default {
  _getStorage,
  _setStorage,
  _clearStorage,
  _removeStorage,
}

// 支付宝小程序操作本地存储
 
// 获取本地存储对应key
const _getStorage = (key)=>{
  return my.getStorageSync( { key } );
}
 
// 设置本地存储对应key
const _setStorage = (key,data)=>{
  return my.setStorageSync( { key,data } );
}
 
// 清除全部本地存储
const _clearStorage = ()=>{
  my.clearStorageSync();
}
 
// 清除指定key本地存储
const _removeStorage = ( key )=>{
  my.removeStorageSync( { key } );
}
 
export default {
  _getStorage,
  _setStorage,
  _clearStorage,
  _removeStorage,
}

uniapp项目

// uniapp操作本地存储

// 获取本地存储对应key
const _getStorage = (key)=>{
  return uni.getStorageSync( key );
}

// 设置本地存储对应key
const _setStorage = (key,value)=>{
  return uni.setStorageSync( key,value );
}

// 清除全部本地存储
const _clearStorage = ()=>{
  uni.clearStorageSync();
}

// 清除指定key本地存储
const _removeStorage = ( key )=>{
  uni.removeStorageSync( key );
}


export default {
	_getStorage,
	_setStorage,
	_clearStorage,
	_removeStorage,	
}