哈巴狗/玉按名称指代财产

Question

I want to check if some property names are passed to the template based on a preset array:

- socialNames = ['facebook', 'twitter', 'instagram']
each socialName in socialNames
    - social = this[socialName]
    if social 
        a(href=social.url)
            div
                img.ug-profile-socials-
icon(src=chrome.extension.getURL('public/socials/'+ social + '.png'))
            div
                span.ug-profile-socials-followers !{social.followers}

The social = this[socialName] part is just the way I was expecting it to work, but it obviously does not.

Answer 1

You need not use this to refer to individual items in the array. You can directly reference the array items using the variable you mentioned in your each statement ( socialName in your case ):

- socialNames = ['facebook', 'twitter', 'instagram']
each socialName in socialNames
    // - social = this[socialName]
    social = socialName
    a(href=social.url)
        div
            img.ug-profile-socials--icon(src=chrome.extension.getURL('public/socials/'+ social + '.png'))
        div
            span.ug-profile-socials-followers !{social.followers}

Answer 2

Seems that pug uses locals to refer to the passed arguments:

- var social = locals[socialName]
if social
    a(href=social.url)
        div.ug-profile-socials-icon
            img(src=chrome.extension.getURL('public/socials/'+ socialName + '.png'))
        div.ug-profile-socials-followers
            span !{social.followers}