PUG迭代成为挑战

Question

//- 下面是 pug 结构，我正在尝试对其进行迭代。

    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;

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