微信小程序:怎么在一个js中修改另一个js的数据(这里通过缓存进行实现)

实例:现有两个页面index.js和category.js,我现在想在index.js中修改category.js的数据

初始数据

javascript 复制代码
category = [{
        name: '物流配送',
        list: [{
          id: 1,
          job: '外卖骑手',
          checked: true
        }, {
          id: 2,
          job: '快递员',
          checked: false
        }, {
          id: 3,
          job: '司机',
          checked: false
        }, {
          id: 4,
          job: '网约车司机',
          checked: true
        }, {
          id: 5,
          job: '货运司机',
          checked: false
        }]
      },
      {
        name: '仓储',
        list: [{
          id: 1,
          job: '分拣打包扫描',
          checked: false
        }, {
          id: 2,
          job: '叉车工',
          checked: false
        }]
      },
      {
        name: '安保',
        list: [{
          id: 1,
          job: '保安',
          checked: false
        }],
      }
  ];

修改页面代码-index.js

我现在已知的是name的值和id值,我需要修改对应name下list中对应id所对应的checked的值

引入存数据的页面category.js

javascript 复制代码
import category from '../../utils/category'

修改数据

方法中进行数据的修改,并将数据存入缓存

javascript 复制代码
select_position: function (e) {
  var id = e.currentTarget.dataset.id;//获取的id值
  var name = e.currentTarget.dataset.name;//获取的name值
  //查询所选的全部元素
  console.log(category)
  //查询category中对应的name项
  const item = category.find(item => item.name === name);
  if (item) {
    //查询对应name项下list对应的id项
    const sonitem = (item.list).find(sonitem => sonitem.id === id);
    //如果该项存在,将该项的checked值修改为与之相反的值
    if (sonitem) {
      sonitem.checked = !sonitem.checked;
    } else {
      console.log('没找到对应id值');
    }
  } else {
    console.log('没找到对应');
  }
  //延迟一秒后将数据存入缓存
  setTimeout(() => {
    wx.setStorageSync('category', JSON.stringify(category));
  }, 1000);   
},

数据页面代码category.js

判断缓存中是否有数据,如果有数据就执行缓存中的数据,如果没有就执行原始数据

javascript 复制代码
//定义一个数据用于存入数据
let category = []
// 从本地缓存中读取数据
const cachedCategory = wx.getStorageSync('category');
if (cachedCategory) {
  // 如果本地缓存中有数据,则将其赋值给 category 变量
  category = JSON.parse(cachedCategory);
} else {
  // 如果本地缓存中没有数据,则使用默认的 category 数组
  category = [{
        name: '物流配送',
        list: [{
          id: 1,
          job: '外卖骑手',
          checked: true
        }, {
          id: 2,
          job: '快递员',
          checked: false
        }, {
          id: 3,
          job: '司机',
          checked: false
        }, {
          id: 4,
          job: '网约车司机',
          checked: true
        }, {
          id: 5,
          job: '货运司机',
          checked: false
        }]
      },
      {
        name: '仓储',
        list: [{
          id: 1,
          job: '分拣打包扫描',
          checked: false
        }, {
          id: 2,
          job: '叉车工',
          checked: false
        }]
      },
      {
        name: '安保',
        list: [{
          id: 1,
          job: '保安',
          checked: false
        }],
      }
  ];
}
export default category;
相关推荐
swipe9 小时前
从 0 到 1 实现大文件上传:分片、秒传、断点续传、暂停、重试与服务端合并
前端·javascript·面试
kyriewen11 小时前
AI 生成的代码能跑就行?这 5 个坑迟早炸
前端·javascript·ai编程
kisshyshy11 小时前
🍦 雪糕、食堂、火车厢:三幅漫画吃透栈、队列与链表
javascript·算法
胡志辉11 小时前
从v8源码和react深入浅出理解 JavaScript 作用域链与闭包
前端·javascript
Bolt12 小时前
TypeScript 7.0 来了:当 tsc 用 Go 重写之后
javascript·typescript·go
阳火锅13 小时前
😭测试小姐姐终于不骂我了!这个提BUG神器太香了...
前端·javascript·面试
林希_Rachel_傻希希15 小时前
js里面的proxy理解。以及vue3响应式数据设计底层
前端·javascript·面试
阿黎梨梨15 小时前
AI Loop:告别“人肉写提示词”,让代码替你“鞭策”AI
javascript·人工智能
竹林81819 小时前
用 wagmi v2 + viem 监听链上事件,我踩了三天坑终于搞懂了实时日志与历史补全
javascript
只一19 小时前
😭从回调地狱到 async/await:一文打通 Ajax 与 JS 异步编程
javascript