如果只是数组，浏览器如何呈现array.map（）元素？

Question

如果array.map（）返回一个新数组，浏览器如何正确呈现它-只是一个数组而已？

let myArray = [5,6,7];

let newArray = myArray.map( item => `<h2>${item * 2}</h2>`);

如果我正确理解map（）方法，则newArray变量的值不应为

[<h2>10</h2>, <h2>12</h2>, <h2>14</h2>]

document.querySelector("body").innerHTML = newArray;

这如何在DOM中正确评估代码并列出数组中的每个项目，而没有实际进入数组或为每个项目列出一个？

据我了解，运行上述命令后body的值不应该是[object Object]吗？