如何在循环前显示来自posts的所有标签？

// 假设posts为包含多个post对象的数组，每个post对象包含了标签信息
const posts = [
  { title: 'Post 1', tags: ['tag1', 'tag2', 'tag3'] },
  { title: 'Post 2', tags: ['tag2', 'tag3', 'tag4'] },
  { title: 'Post 3', tags: ['tag3', 'tag4', 'tag5'] }
];

// 存储所有标签的数组
const allTags = [];

// 遍历posts数组，提取标签信息并存储到allTags数组中
posts.forEach(post => {
  allTags.push(...post.tags);
});

// 去重并排序标签数组
const uniqueTags = Array.from(new Set(allTags)).sort();

// 在页面上展示标签信息
const tagsContainer = document.getElementById('tags-container');

uniqueTags.forEach(tag => {
  const tagElement = document.createElement('span');
  tagElement.textContent = tag;
  tagsContainer.appendChild(tagElement);
});