JavaScript 函数return时如何拼接字符串并保持数组原格式？

问题原因 #

JavaScript 中使用+运算符拼接字符串和数组时，会触发隐式类型转换：数组默认调用toString()方法转为字符串，该方法会移除方括号，仅用逗号拼接数组元素，因此最终得到Hello1,2,3的结果。

解决方法 #

方法1：使用JSON.stringify()转换数组 #

直接将数组序列化为带方括号的JSON字符串，适合数组元素为基础类型且不需要自定义格式的场景。
示例代码：

function getName() {
  let array = [1, 2, 3];
  return "Hello " + JSON.stringify(array);
}
// 输出结果：Hello [1,2,3]

方法2：手动拼接格式（更灵活） #

用模板字符串配合join()方法自定义拼接格式，可以精准控制空格、分隔符等展示效果，完全匹配需求的格式。
示例代码：

function getName() {
  let array = [1, 2, 3];
  return `Hello [ ${array.join(', ')} ]`;
}
// 输出结果：Hello [ 1, 2, 3 ]

两种方法的差异：如果数组元素为字符串类型，JSON.stringify()会自动给元素加上双引号，手动拼接的方式可以自主控制是否保留引号，适配不同的展示需求。

注意事项 #

不要使用name作为自定义函数名，浏览器环境下window.name是全局内置属性，重名可能导致意料之外的执行问题。

内容的提问来源于stack exchange，提问作者Daniel Ramos