如何将二维数组转换为字符串？附JavaScript实现示例

嘿，你的思路方向是对的，但其实可以用更简洁、更符合现代JavaScript风格的方式来完成这个转换，还能避免手动处理字符串拼接的边界问题（比如初始str未定义的情况）。

最推荐的实现方式 #

利用数组的map()和join()方法组合，一步到位：

const arrayStd = [["G14",18],["G16",17],["G16",17],["G13",17]];
// 先把每个子数组转成 "标识:数值" 的格式，再用 "; " 连接所有结果
const str = arrayStd.map(item => `${item[0]}:${item[1]}`).join('; ');
console.log(JSON.stringify(str));
// 输出结果："G14:18; G16:17; G16:17; G13:17"

代码解释 #

• map(item => ${item[0]}:${item[1]})：遍历二维数组的每个子元素，用模板字符串把每个子数组的两个元素拼接成"Gxx:xx"的格式，得到一个一维字符串数组。
• .join('; ')：把这个一维字符串数组的所有元素用; （分号加空格）连接成一个完整的字符串，自动处理了首尾没有多余分隔符的问题。

兼容旧环境的写法（ES5及以下） #

如果需要兼容不支持箭头函数和模板字符串的老环境，可以改成普通函数写法：

var arrayStd = [["G14",18],["G16",17],["G16",17],["G13",17]];
var str = arrayStd.map(function(item) {
  return item[0] + ":" + item[1];
}).join('; ');
console.log(JSON.stringify(str));

更灵活的扩展写法 #

如果以后需要修改子元素或数组的分隔符，可以把分隔符抽成变量，让代码更易维护：

const arrayStd = [["G14",18],["G16",17],["G16",17],["G13",17]];
const itemDelimiter = ':'; // 子数组元素的分隔符
const arrayDelimiter = '; '; // 数组项之间的分隔符

const str = arrayStd.map(item => item.join(itemDelimiter)).join(arrayDelimiter);
console.log(JSON.stringify(str));

这种写法的优势在于，不需要修改拼接逻辑，只要调整itemDelimiter和arrayDelimiter的值就能改变最终格式，比如改成用|分隔子元素，用, 分隔数组项，只需要修改变量即可。

和你现有代码的对比 #

你原来的实现是通过在map里修改外部变量str来拼接字符串，属于带有副作用的写法；而map()+join()的方式是纯函数式的，没有外部副作用，代码更简洁、可读性更高，也不容易出现因初始变量未定义导致的问题。

内容的提问来源于stack exchange，提问作者Hugo LOPEZ