在前端开发中，经常需要将数组转换成字符串输出。传统的做法是使用 Array 的 join() 函数，但当数组内元素为对象或多层嵌套时，常常无法直接转换成合适的字符串格式。而 ES10 中新增的 String 函数则提供了更加灵活和全面的解决方案，可以较好地解决这一问题。
ES10 String 函数简介
在 ES10 中，String 添加了三个新函数，分别是 trimStart()、trimEnd() 和 fromCodePoint() 函数，其中 trimStart() 和 trimEnd() 函数用于在字符串开头或结尾去掉空格符号，而 fromCodePoint() 函数则可将数字转换成 Unicode 编码。这三个函数虽然看上去与数组转字符串没有直接关系，但它们的底层实现为更高效的字符拼接提供了支持，可在字符串拼接操作中发挥更加大的作用。
使用 ES10 String 函数进行数组转字符串
常规使用方法
ES10 新增的函数还提供了更强大的字符串处理功能，可处理不规则的数组格式。其使用示例如下：
const arr = [1, 2, '3', { name: 'Jack', age: 24 }, ['hello', 'world']];
const str = arr.map(obj => JSON.stringify(obj)).join('-');
console.log(str); // "1-2-3-{"name":"Jack","age":24}"-["hello","world"]"这就是比较常规的方式，如果数组中含有一些数组和对象，那么就要先通过 JSON.stringify 方法将其转换为字符串再进行拼接，这样才能得到正确的转换结果。
高级使用方法
ES10 新增的 String 函数还可以进行更加高级的操作，用于处理一些异常格式的数组序列化。其使用示例如下：
const arr = [[['hello']], [['world']], [[['good', ['bye']]]]];
const str = arr.flat(Infinity).join('-')
console.log(str); // "hello-world-good-bye"以上代码通过使用 Array 的 flat() 函数将多层嵌套的数组压扁，从而使其变为一维数组，再通过 join() 函数将其连接成字符串。这样可以较好地解决数组转字符串的问题。
总结
在使用 ES10 String 函数进行数组转字符串时，要注意数组内的元素项是否为对象或多层嵌套。如有这些情况则需要先使用 JSON.stringify 函数将这些元素转换成字符串后再进行连接，以达到正确的转换结果。同时，要充分利用新增的 String 函数，利用 trimStart()、trimEnd() 和 fromCodePoint() 函数等实现更加灵活和全面的字符串处理功能，从而提高代码的执行效率和可读性。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/647bf05d968c7c53b0730506