前端 map字典匹配的简单用法

之前开发过程中,后端没有对提交表单之后,传过去的某个数据进行字典匹配,所以就由前端来进行实现,进行字典匹配和数据替换的实现过程

一、首先进行字典数据的定义

  let myDictionary = { 
          0: "生产制造", 
          1: "能源行业", 
          2: "建筑地产",
          3: "快消行业", 
          4: "金融行业", 
          5: "信息通讯",
          6: "央企国企", 
          7: "政府机关", 
          8: "教育行业",
          9: "服务贸易", 
          10: "农林牧渔", 
          11: "其它行业" 
       };

二、定义字典之后,就对需要进行匹配的字段进行提取  使用map方法

list   就是我们的数组对象,然后其中的industry就是我们所要进行匹配的字典字符

   const resultList = list.map(item => {           //  map遍历数组然后匹配字典替换
      const searchLilst  = myDictionary[item.industry]    //  根据industry(自己需求)值替换成字典数据
      return searchList
   })

三、最后就是进行数组的遍历替换,得到的list就是我们字典匹配替换后的新的数组对象数据

 for (let i = 0; i  <  list.length; i++) {
     list[i].industry = resultList[i];
}

总体代码为

   let myDictionary = { 
          0: "生产制造", 
          1: "能源行业", 
          2: "建筑地产",
          3: "快消行业", 
          4: "金融行业", 
          5: "信息通讯",
          6: "央企国企", 
          7: "政府机关", 
          8: "教育行业",
          9: "服务贸易", 
          10: "农林牧渔", 
          11: "其它行业" 
       };
   const resultList = list.map(item => {           //  map遍历数组然后匹配字典替换
      const searchLilst  = myDictionary[item.industry]    //  根据industry值替换成字典数据
      return searchList
   })
   for (let i = 0; i  <  list.length; i++) {
       list[i].industry = resultList[i];
   }
   // 最后进行赋值即可 (setApplicationData这里是react的使用)
   setApplicationData(list)

刚毕业,就纯粹来当做自己的学习文档记录吧,欢迎各位大佬指导

  • 8
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值