JS 数组与字典(JSON)通过字符串快捷取值

  • 有的情况下,需要通过一个字符串快捷获取到 Json 或 数组Json 中指定对象的值,比如:

    <script>
    
      // -------------------------- Json 测试
    
      // 数据
      const json = {
        a: 'a',
        b: {
          c: 'c',
          d: [{
            e: 'e'
          }],
          f: [[{
            g: 'g'
          }]]
        }
      }
      // 调用
      console.log(GetValue(json, 'b.d[0]')) // {e: 'e'}
      console.log(GetValue(json, 'b.f[0][0].g')) // g
      console.log(GetValue(json, 'b.f[0[0.g')) // g
      console.log(GetValue(json, 'b.f]0]0.g')) // g
      console.log(GetValue(json, 'b.f.0.0.g')) // g
    
      // -------------------------- Array 测试
    
      // 数据
      const arr = [
        {
          a: 'a',
          b: [{
            c: 'c',
            d: {
              e: 'e'
            }
          }]
        }
      ]
      // 调用
      console.log(GetValue(arr, '[0].b[0].d.e')) // e
      console.log(GetValue(arr, '0.b.0.d.e')) // e
    
    </script>
    
  • 封装方法

    <script>
    
      // 获取值
      function GetValue(obj, key) {
        // 当前值
        var value = undefined
        // 是否有值
        if (obj && key) {
          // 赋值
          value = obj
          // 分析大括号
          if (key.includes('[') || key.includes(']')) {
            // 替换符号
            if (key.includes('[')) {
              key = key.replace(new RegExp('\\[', "gm"), '.')
              key = key.replace(new RegExp('\\]', "gm"), '')
            } else {
              key = key.replace(new RegExp('\\]', "gm"), '.')
            }
          }
          // 拆分
          const keys = key.split('.')
          // 过滤出来可用的 keys
          const newKeys = []
          // 过滤
          keys.forEach(itemKey => {
            // 有值则添加
            if (itemKey.length) { newKeys.push(itemKey) }
          })
          // 取值
          newKeys.some(itemKey => {
            // 直接取值
            if (value) { value = value[itemKey] }
            // 是否停止
            return !value
          })
        }
        // 返回
        return value
      }
    
    </script>
    
  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

卡尔特斯

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值