Javascript 帕格迭代已经成为一个挑战

//-下面是哈巴狗的结构，我正试图重复同样的内容

    ul(class="mFAC_")
        li
            span(class="iconWrapper_ twitter_")
                svg(viewBox="0 0 24 24")
                    use(xlink:href="#twitterIcon")
            span(id="total-" + keyword_kid, class="mMC_")
        li
            span(class="iconWrapper_")
                svg(viewBox="0 0 24 24")
                    use(xlink:href="#faceBookIcon")
            span(id="total-" + keyword_kid, class="mMC_")
        li
            span(class="iconWrapper_")
                svg(viewBox="0 0 24 24")
                    use(xlink:href="#linkedInIcon")
            span(id="total-" + keyword_kid, class="mMC_")
        li
            span(class="iconWrapper_")
                svg(viewBox="0 0 24 24")
                    use(xlink:href="#youTubeIcon")
            span(id="total-" + keyword_kid, class="mMC_")
        li
            span(class="iconWrapper_")
                svg(viewBox="0 0 24 24")
                    use(xlink:href="#pintrestIcon")
            span(id="total-" + keyword_kid, class="mMC_")
        li
            span(class="iconWrapper_")
                svg(viewBox="0 0 24 24")
                    use(xlink:href="#InstagramIcon")
            span(id="total-" + keyword_kid, class="mMC_")
        li
            span(class="iconWrapper_")
                svg(viewBox="0 0 24 24")
                    use(xlink:href="#tumBlrIcon")
            span(id="total-" + keyword_kid, class="mMC_")

//-我试图得到如下输出，但徒劳

    - var iSource = [
    -           '#twitterIcon',
    -           '#faceBookIcon',
    -           '#linkedInIcon',
    -           '#youTubeIcon',
    -           '#InstagramIcon',
    -           '#tumBlrIcon'
    -]
    -   var iconId = each in iSource;

    -   var svgUseTag   =   "<use xlink:href="+ iconId +">";
    -   var svgTag =  "<svg viewBox='0 0 24 24'>"+ svgUseTag +"<svg>";
    -   var IconWrapper = "<span class='iconWrapper_' >"+ svgTag +"<span>";
    -   var countNuM    = "<spanid='total-'" + keyword_kid +" class='mMC_'>";

    -   var formatter = [
    -           IconWrapper
    -               svgTag
    -                   svgUseTag
    -           countNuM
    -   ]

    ul(class="mFAC_")
        each value in formatter
            li = value

---

我是一个设计师而不是一个开发人员，但是在PUG中实现这一点，请帮助我解决这个问题，因为我认为自己是JavaScript中的新手。

它更简单。这应该做到：

- var keyword_kid = 1;
- var iSource = ['#twitterIcon', '#faceBookIcon', '#linkedInIcon', '#youTubeIcon', '#InstagramIcon', '#tumBlrIcon'];

ul(class="mFAC_")
  each item in iSource
    li
      span(class="iconWrapper_")
        svg(viewBox="0 0 24 24", xlink:href=item)
          use(xlink:href=item)
      span(id="total-" + keyword_kid, class="mMC_")