安全读取对象数据方法，对于对象中未知数据的获取可避免报错

最新推荐文章于 2023-03-14 16:45:40 发布

良逸

最新推荐文章于 2023-03-14 16:45:40 发布

阅读量228

点赞数

分类专栏： js基础文章标签： js

本文链接：https://blog.csdn.net/weixin_45123004/article/details/116058451

版权

js基础专栏收录该内容

17 篇文章 2 订阅

订阅专栏

该博客介绍了一个用于安全读取JavaScript对象深层属性的函数`safe`，确保在对象路径不存在时返回默认值而不会抛出错误。函数通过检查参数数量、对象类型和属性路径来确保操作的安全性，并使用了递归方式遍历对象属性。

摘要由CSDN通过智能技术生成

安全读取对象中的未知数据，防止报错

简化版

function safe(obj, str, df) {
      if (arguments.length !== 3) return false // 参数为3个
      if (!(typeof obj === 'object' && obj && typeof str === 'string' && str)) return df
      let newObj = obj, arr = str.split('.')
      for (let i = 0; i < arr.length; i++) {
        if (newObj[arr[i]] === undefined) return df // undefined 没有值
        if (newObj[arr[i]] === null || !(typeof newObj[arr[i]] === 'object' && arr[i] in newObj)) return i === arr.length - 1 ? newObj[arr[i]] : df
        newObj = newObj[arr[i]]
      }
      return newObj
    }

完整版

function safe(obj, str, df) {
      if (arguments.length !== 3) return false // 参数为3个
      if (typeof obj === 'object' && obj && typeof str === 'string' && str) {
        let newObj = obj
        let arr = str.split('.')
        for (let i = 0; i < arr.length; i++) {
          if (newObj[arr[i]] === undefined) return df
          if (newObj[arr[i]] === null) return i === arr.length - 1 ? newObj[arr[i]] : df
          if (typeof newObj[arr[i]] === 'object' && arr[i] in newObj) {
            newObj = newObj[arr[i]]
          } else {
            if (i === arr.length - 1) {
              return newObj[arr[i]]
            } else {
              return df
            }
          }
        }
        return newObj
      }
      return df
    }