Using reduce to build a string out of an array

index.md

This is some stuff I used after I attended Elijah Manor's Underscore.js training.

Here's them running on jsbin

• useReduce.js http://jsbin.com/isequf/edit#javascript,html

useReduce.js

var makeListOfNetworks = function (shareTo) {
    var availableNetworks = ['facebook', 'twitter', 'google', 'pinterest'],
        networks;
    
    networks = _.reduce(shareTo, function (memo, network) {
        if (~_.indexOf(availableNetworks, network))
        {
            memo.push('<span>' + network + '</span>');
        }
        return memo;
    }, []).join('');
        
    return '<div id="networks">' + networks + '</div>';
};
console.log(makeListOfNetworks(['facebook', 'tumblr', 'google']));
// <div id="networks"><span>facebook</span><span>google</span></div>