ES5 JavaScript：在嵌套对象中查找特定属性并返回其值

rimed 发表于 Dev

资源

我需要使用 ES5 语法返回嵌套对象的特定属性的值。每个对象都可以有自己的结构，因此所需的属性可以位于不同的级别/位置。例如->我有三个不同的对象，需要属性“source”的值：

first_data 在 list.details.source 中具有该属性
second_data 在 list.details.products[0]._new.source 中具有该属性
third_data 没有这个属性，因此它应该返回 false

那么，如何考虑返回特定属性的值，它可以位于对象中的任何位置？

var first_data = {
    area: "South",
    code: "S265",
    info: {
        category: "enhanced",
        label: "AB | 27AS53",
        variable: "VR"
    },
    list: {
        area: "Mid",
        details: [
            {
                source: "Spain",
                totals: 12,
                products: [
                    {
                        name: "ABC",
                        brand: "Nobrand",
                        id: "111",
                        category: "Men",
                    }
                ]
            }
        ]
    },
    time: 1654775446138
};

var second_data = {
    area: "South",
    code: "S265",
    info: {
        category: "enhanced",
        label: "AB | 27AS53",
        variable: "VR"
    },
    list: {
        area: "Mid",
        details: [
            {
                products: [
                    {
                        name: "ABC",
                        brand: "Nobrand",
                        id: "111",
                        category: "Men",
                        _new: {
                            source: "Spain",
                            totals: 12
                        }
                    }
                ]
            }
        ]
    },
    time: 1654775446138
};

var third_data = {
    area: "South",
    code: "S265",
    info: {
        category: "enhanced",
        label: "AB | 27AS53",
        variable: "VR"
    },
    list: {
        area: "Mid",
        details: [
            {
                products: [
                    {
                        name: "ABC",
                        brand: "Nobrand",
                        id: "111",
                        category: "Men"
                    }
                ]
            }
        ]
    },
    time: 1654775446138
};

我首先尝试用 ES6 解决它，以便我可以在第二步将其重写为 ES5。这是我到目前为止所拥有的。第一个问题是我在这里得到了一个错误，但该属性存在。

var propertyExists = function (obj, key) {

  if(obj === null || obj === undefined) {
    return false;
  }
  
  for(const k of Object.keys(obj)) {
    if(k === key) {
      return obj[k]
    }
    else {
      const val = obj[k];
      
       if(typeof val === 'object') {
      
        if(propertyExists(val, key) === true) {
          return true;
        }
      }
    }
  }
  
  return false;
}

propertyExists(first_data, 'source')

约阿希姆

您的propertyExists函数不起作用，因为它返回了的值，source但它后来检查了该值是否等于true（如 Felix Kling 在上面的评论中所述）。

这是我的实现（最初在 ES6 中，但我使用了目标设置为 ES5的typescript 编译器）：

var findProp = function (obj, prop) {
    if (typeof obj != "object") {
        return false;
    }
    if (obj.hasOwnProperty(prop)) {
        return obj[prop];
    }
    for (var _i = 0, _a = Object.keys(obj); _i < _a.length; _i++) {
        var p = _a[_i];
        if (typeof obj[p] === "object") {
            var t = findProp(obj[p], prop);
            if (t) {
                return t;
            }
        }
    }
    return false;
};

注意：检测它是哪个对象结构并检索值可能会更快，因为这样您就会知道它在哪里。

本文收集自互联网，转载请注明来源。

如有侵权，请联系 [email protected] 删除。