在JavaScript中使用递归函数显示键值对最优雅的方式是什么？

在JavaScript中使用递归函数显示键值对最优雅的方式是通过使用深度优先搜索算法来遍历对象的属性和值。以下是一个示例代码：

function displayKeyValuePairs(obj, indent = 0) {
  // 遍历对象的属性
  for (let key in obj) {
    // 检查属性是否为对象
    if (typeof obj[key] === 'object' && obj[key] !== null) {
      // 打印属性名和缩进
      console.log(`${' '.repeat(indent)}${key}:`);
      // 递归调用函数显示子对象的键值对
      displayKeyValuePairs(obj[key], indent + 2);
    } else {
      // 打印属性名和值，并进行缩进
      console.log(`${' '.repeat(indent)}${key}: ${obj[key]}`);
    }
  }
}

// 示例对象
const obj = {
  name: 'John',
  age: 30,
  address: {
    street: '123 Main St',
    city: 'New York',
    country: 'USA'
  }
};

// 调用函数显示键值对
displayKeyValuePairs(obj);

这段代码使用递归函数 displayKeyValuePairs 来遍历对象的属性和值。如果属性的值是对象，则递归调用函数来显示子对象的键值对。通过使用缩进来展示对象的层级结构，使输出结果更加清晰易读。

这种方式的优势是可以处理任意深度的嵌套对象，并且代码结构清晰易懂。它适用于需要逐层展示对象属性和值的场景，例如打印配置文件、调试对象结构等。

腾讯云相关产品和产品介绍链接地址：

• 云函数（Serverless）：https://cloud.tencent.com/product/scf
• 云数据库 MongoDB 版：https://cloud.tencent.com/product/tcbs-mongodb
• 云存储（对象存储）：https://cloud.tencent.com/product/cos
• 人工智能机器翻译：https://cloud.tencent.com/product/tmt
• 物联网通信平台：https://cloud.tencent.com/product/iotexplorer
• 腾讯移动开发平台：https://cloud.tencent.com/product/mpt
• 腾讯区块链服务：https://cloud.tencent.com/product/tbaas
• 腾讯元宇宙：https://cloud.tencent.com/product/tencent-metaverse