如何修复函数中的标签生成器循环？

如何解决如何修复函数中的标签生成器循环？

我是JS的新手，现在我想编写可为我的博客生成标签的函数

    function generateTags(){
    
      /* find all articles */
    
      const articles = document.querySelectorAll('article');
      // console.log(articles);
    
      /* START LOOP: for every article: */
    
      let html = '';
    
      for(let article of articles){
    
        /* find tags wrapper */
    
        const tagWrapper = article.querySelector(optArticleTagsSelector);
        
        /* make html variable with empty string */
    
        /* get tags from data-tags attribute */
    
        const articleTags = article.getAttribute('data-tags');
    
        /* split tags into array */
    
        const articleTagsArray = articleTags.split(' ');
        // console.log(articleTagsArray);
       
        /* START LOOP: for each tag */
        for(let tag of articleTagsArray){
    
          console.log(tag);
    
          /* generate HTML of the link */
    
          const linkHTML = '<li><a href="#tag-' + tag +  '"><span>' + tag + '</span></a></li>';
    
          console.log(linkHTML);
          
          /* add generated code to html variable */
    
          html = html + linkHTML;
    
          /* END LOOP: for each tag */
    
        }
    
        /* insert HTML of all the links into the tags wrapper */
    
        tagWrapper.innerHTML = html;
    
        /* END LOOP: for every article: */     
    
      }
    
       
    }

generateTags();

博客中有10篇带有不同标签的不同文章。问题在于函数总结了上一篇文章中的标签，它看起来像：

第1条

lorem ipsum ...

标签：一二三

第2条

lorem ipsum

标签：一二三为五六

第3条

lorem ipsum

标签：一二三为五六七八九

等等。

预期结果：

第1条

lorem ipsum ...

标签：一二三

第2条

lorem ipsum

标签：五个五个

第3条

lorem ipsum

标签：七八九

我该如何解决这个问题？