Using map with backtick

[prakash03yes]

MDN URL

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals

What specific section or headline is this issue about?

array.map inside Template literals

What information was incorrect, unhelpful, or incomplete?

When map is used inside Template literals , It automatically puts ","

What did you expect to see?

When map is used inside Template literals , It automatically puts ","

Do you have any supporting links, references, or citations?

No response

Do you have anything more you want to share?

Keep up the good work.

MDN metadata

Page report details

• Folder: en-us/web/javascript/reference/template_literals
• MDN URL: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals
• GitHub URL: https://github.com/mdn/content/blob/main/files/en-us/web/javascript/reference/template_literals/index.md
• Last commit: 585f0c0
• Document last modified: 2024-05-31T13:41:38.000Z

[Josh-Cena]

map returns an array. When an array is stringified, it becomes the elements joined with ,. I don't know what there is to document here:

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals#string_interpolation:

Template literals coerce their expressions directly to strings,

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String#string_coercion:

Objects are first converted to a primitive by calling its [@@toPrimitive]() (with "string" as hint), toString(), and valueOf() methods, in that order. The resulting primitive is then converted to a string.

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/map:

A new array with each element being the result of the callback function.

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/toString#description:

The toString method of arrays calls join() internally, which joins the array and returns one string containing each array element separated by commas.