在对象映射数组中返回HTML标签

function generateHTMLFromObjectArray(objectArray) {
  let htmlString = "";

  objectArray.forEach(obj => {
    const { tag, attributes, content } = obj;

    let tagString = `<${tag}`;

    // 处理属性
    if (attributes) {
      Object.keys(attributes).forEach(key => {
        const value = attributes[key];
        tagString += ` ${key}="${value}"`;
      });
    }

    // 处理内容
    if (content) {
      tagString += `>${content}</${tag}>`;
    } else {
      tagString += `></${tag}>`;
    }

    htmlString += tagString;
  });

  return htmlString;
}

// 示例对象映射数组
const objectArray = [
  {
    tag: "div",
    attributes: { class: "container", id: "myDiv" },
    content: "Hello, World!"
  },
  {
    tag: "p",
    attributes: { class: "paragraph" },
    content: "This is a paragraph."
  },
  {
    tag: "span",
    attributes: { style: "color: red;" },
    content: "This is a span."
  }
];

const generatedHTML = generateHTMLFromObjectArray(objectArray);
console.log(generatedHTML);

<div class="container" id="myDiv">Hello, World!</div><p class="paragraph">This is a paragraph.</p><span style="color: red;">This is a span.</span>