如何输出由点分隔的嵌套对象键 - JS [重复]答案

【问题标题】：How to output nested object keys separated by a dot - JS [duplicate]如何输出由点分隔的嵌套对象键 - JS [重复]
【发布时间】：2021-01-29 07:41:12
【问题描述】：

代码：

const obj = {
  client: {
    id: 1,
    personal: {
      name: "Mike"
    }
  },
  address: {
    street: "streetname"
  }
};

function recursiveKeys(obj) {
  Object.keys(obj).forEach((key) => {
    if (typeof obj === "object") {
      Object.keys(obj[key]).forEach((innerKey) => {
        console.log(`${key}.${innerKey}`);
      });
    }
  });
}

recursiveKeys(obj);

期望的输出：

client.id
client.personal.name
address.street

此代码仅适用于 2 级对象，但不适用于第 3-4 级及更深的对象，有没有干净的方法来实现这一点？

【问题讨论】：

lodash 可以成为你最好的朋友 :)

标签： javascript

【解决方案1】：

您需要使您的recursiveKeys 实际上是递归的。在每次递归调用时传递来自父对象的部分属性字符串。

const obj = {
  client: {
    id: 1,
    personal: {
      name: "Mike"
    }
  },
  address: {
    street: "streetname"
  }
};

function recursiveKeys(obj, propStr = '') {
  Object.entries(obj).forEach(([key, val]) => {
    const nestedPropStr = propStr + (propStr ? '.' : '') + key;
    if (typeof val === 'object') recursiveKeys(val, nestedPropStr);
    else console.log(nestedPropStr);
  });
}
recursiveKeys(obj);

【讨论】：

【解决方案2】：

此代码仅适用于 2 级对象，但不适用于 3-4 级及更深，有没有干净的方法来实现这一点？

问题是您应该通过 3 个步骤使您的 recursiveKeys 保持原样：

确定名为keyRes的关键结果
检查内部内容是否为对象，然后递归。
打印keyRes，同时退出递归，避免无限循环很重要！！！

const obj = {
  client: {
    id: 1,
    personal: {
      name: "Mike"
    }
  },
  address: {
    street: "streetname"
  }
};

function recursiveKeys(obj, previousKey = '') {
  Object.entries(obj).forEach(([key, values]) => {
    let keyRes = previousKey ? `${previousKey}.${key}` : key; // Step 1 
    if (typeof values === 'object')  // Step 2
      recursiveKeys(values, keyRes); 
    else // Step 3
      console.log(keyRes); 
  });

}

recursiveKeys(obj);

【讨论】：

是的，谢谢，为什么选择Object.entries() 而不是Object.keys()？
因为我必须同时使用每个object 的key 和value。 key 确定Step 1 中的keyRes，value 用于Step 2 使其成为递归。阅读here 了解有关Object.entries() 的更多详细信息。
啊，我明白了，谢谢。
answer of @CertainPerformance 很好。因此，您应该通过单击对勾将他的答案标记为已解决，以帮助将来的读者：D

【解决方案3】：

答案是：递归！

const obj = {
  client: {
    id: 1,
    personal: {
      name: "Mike"
    }
  },
  address: {
    street: "streetname"
  }
};

function recursiveKeys(obj) {
  const keys = []
  Object.keys(obj).forEach((key) => {
    if (typeof obj[key] === "object" && obj[key]) {
    //vvvvvvvvvvvvvvvvvvvvvvv--- the function calls itself
      recursiveKeys(obj[key]).forEach(innerKey => {
        keys.push(`${key}.${innerKey}`)
      })
    }else{
      keys.push(key)
    }
  });
  return keys
}

console.log(recursiveKeys(obj));

如果您可以访问新的 Array#flatMap() 方法，则可以使用它来使其更加优雅：

const obj = {
  client: {
    id: 1,
    personal: {
      name: "Mike"
    }
  },
  address: {
    street: "streetname"
  }
};

function recursiveKeys(obj) {
  return Object.keys(obj).flatMap(key => 
    typeof obj[key] === "object" && obj[key]
      ? recursiveKeys(obj[key]).map(innerKey => `${key}.${innerKey}`)
      : key
  );
}

console.log(recursiveKeys(obj));

【讨论】：