javascript - 使用动态变量访问javascript对象中的第n级嵌套属性

Question

假设我有一个对象

const aggs = {
      cat.id: {
        terms: { field: 'cat.id', size: 10 },
        aggs: { cat.label: {field: 'cat.label', size: 5} }
      }
    }

在我有的动态变量中

const key = '[cat.id].aggs'

现在我需要使用动态变量访问 aggs 对象中的属性 aggs

aggs[key]

这不起作用，如何动态访问嵌套属性？显然像这样直接访问它有效

aggs['cat.id'].aggs

Answer 1

您可以使用通常的解决方案，但使用适当处理括号的特定正则表达式，允许属性名称中的点：

const pathToArray = path => 
  Array.from(path.matchAll(/\[(.*?)\]|[^.[]+/g) || [], 
             ([prop, inbrackets]) => inbrackets || prop);

function deepGet(obj, path, defaultVal = null) {
  for (let prop of pathToArray(path)) {
    if (!(prop in obj)) return defaultVal;
    obj = obj[prop];
  }
  return obj;
}

function deepSet(obj, path, value) {
  let arr = pathToArray(path);
  arr.slice(0, -1).reduce((a, c, i) =>
    Object(a[c]) === a[c] ? a[c] :
    a[c] = Math.abs(path[i + 1]) >> 0 === +path[i + 1] ? [] : {},
    obj)[arr[arr.length - 1]] = value;
  return obj;
}

// Your example:
const aggs = {"cat.id": {terms: {field: "cat.id",size: 10},aggs: {"cat.label": {field: "cat.label",size: 5}}}};
const key = "[cat.id].aggs";

console.log(deepGet(aggs, key));
deepSet(aggs, key, "hello");
console.log(deepGet(aggs, key));