Unexpected comma using map()

Question

I\'ve an array with a list of elements and I\'m trying to append this list to an HTML element using template strings:

Answer 1

.map() returns an array. You probably want to return a string containing the array elements concatenated together. You can do that with .join(''):

var description = [
  'HTML & CSS',
  'Javascript object-oriented programming',
  'Progressive Web apps (PWAs)',
  'Website Performance Optimization',
  'Webpack and Gulp workflows',
  'Fullstack React.js',
  'Web Components',
  'Responsive web design',
  'Sketch design',
  'GraphQL and Relay'
]

$('body').append(
  `
  

    

      ${description.map(
        function(work) {
          return `
${work}
`
        }
      ).join('') /* added .join('') here */}
  
  `
)