If else statement into a variable

Question

I am trying to insert the statement If else with a for condition into a variable. I don't really know how to handle it.

Here is my original function:

var fontsList = '<div class="list">' + Object.keys(families).map(function(familyName) {
    chaine = families[familyName].map(function(variants) {
        return '<div class="all-sub-fonts" style="font-family:'+ variants.postscriptName +';" onclick=\'fontUsed("' + variants.postscriptName + '", this)\'><div class="variants-font">' + familyName + ' ' + variants.style + '</div></div>'
    })
    return '<div class="font-box-name" style="font-family:'+ familyName +';" onclick=\'fontUsed("' + familyName + '", this)\'>' + familyName + '</div><div class="btn-accordion"></div><div class="box-sub-fonts">'+ chaine.join('') +'</div>';
}).join('') + '</div>';

I'd like the chain to return when there are more than 1 variant in the font family. What I tried goes directly with else. Here is the code:

var fontsList = '<div class="list">' + Object.keys(families).map(function(familyName) {
        if(families.length > 1){
        chaine = families[familyName].map(function(variants) {
            return '<div class="all-sub-fonts" style="font-family:'+ variants.postscriptName +';" onclick=\'fontUsed("' + variants.postscriptName + '", this)\'><div class="variants-font">' + familyName + ' ' + variants.style + '</div></div>'
        })
        return '<div class="font-box-name" style="font-family:'+ familyName +';" onclick=\'fontUsed("' + familyName + '", this)\'>' + familyName + '</div><div class="btn-accordion"></div><div class="box-sub-fonts">'+ chaine.join('') +'</div>';
    } else {
        return '<div class="font-box-name" style="font-family:'+ familyName +';" onclick=\'fontUsed("' + familyName + '", this)\'>' + familyName + '</div>';
    } 
}).join('') + '</div>';

This code access to the font family having 1 variant only.

for(var k in families) if(families[k].length === 1)