如何从包含嵌套/复杂对象的Map创建DOM元素列表

function createDOMElementsFromMap(map, parentElement) {
  map.forEach((value, key) => {
    const element = document.createElement('div');
    const keyElement = document.createElement('span');
    const valueElement = document.createElement('span');

    keyElement.textContent = key + ': ';
    element.appendChild(keyElement);

    if (typeof value === 'object' && value instanceof Map) {
      createDOMElementsFromMap(value, valueElement);
    } else {
      valueElement.textContent = value;
    }

    element.appendChild(valueElement);
    parentElement.appendChild(element);
  });
}

// 示例用法
const map = new Map();
map.set('name', 'John');
map.set('age', 30);
map.set('address', new Map([['street', '123 Main St'], ['city', 'New York']]));

const container = document.getElementById('container');
createDOMElementsFromMap(map, container);