JS将对象的路径当做参数传递函数接受参数后获取相应路径的值

最新推荐文章于 2022-11-19 09:30:00 发布

CahierX

最新推荐文章于 2022-11-19 09:30:00 发布

阅读量1k

点赞数

分类专栏： js 文章标签：路径

本文链接：https://blog.csdn.net/qq_35493664/article/details/100982550

版权

js 专栏收录该内容

10 篇文章 1 订阅

订阅专栏

objectUrlEval (data, type, result = '') {
      // 此方法的用法:
      // 若存在 此数据结构的数据 ps: a: { b: c: { d: { name: 'xx'}} }
      // 调用此方法仅需 objectUrlEval(a, 'd.c.d.name') 即可返回 'xx'
      // 若  objectUrlEval(a, 'd.c.d.name', 'yy') 可修改name的值为 'yy'
      // 第一个参数是数据源 第二个参数是对象的路径 第三个若传则为此路径赋值
      let temp = type.split('.')
      let tempLength = temp.length
      let tempA = data
      for (let i = 0; i < tempLength; i++) {
        if (typeof (tempA[temp[i]]) === 'object') {
          tempA = tempA[temp[i]]; continue
        }
        if (i === tempLength - 1) {
          console.log(tempA[temp[i]])
          if (result) {
            tempA[temp[i]] = result
            // 如果想要监听数组变化用set
            //  Vue.set(tempA, temp[i], result)
            break
          } else {
            return tempA[temp[i]]
          }
        }
      }
    },