如何将Symbol转为可用字符串？解决TS类型错误2322及转换问题

要获取Symbol创建时传入的描述文本（而非toString()返回的带Symbol()包裹的格式），可以用以下两种方式处理：

1. 使用Symbol的description属性（推荐） #

ES2019为Symbol新增了description属性，直接返回创建Symbol时传入的原始描述字符串：

const title = Symbol('Csv column title');
// 非空断言确保类型符合string要求（若确定Symbol必有描述）
const tableHeaders: { key: string }[] = [{ key: title.description! }];

注：如果Symbol未传入描述，description会返回undefined。不确定时可添加默认值处理：

const tableHeaders: { key: string }[] = [{ key: title.description ?? '默认表头' }];

2. 兼容旧环境的手动提取 #

如果需要兼容不支持description属性的旧环境，可以通过toString()结果截取目标内容：

function getSymbolDescription(sym: symbol): string {
  const symStr = sym.toString();
  // 截取"Symbol("和")"之间的部分
  return symStr.substring(symStr.indexOf('(') + 1, symStr.lastIndexOf(')'));
}

const title = Symbol('Csv column title');
const tableHeaders: { key: string }[] = [{ key: getSymbolDescription(title) }];

错误原因说明 #

• TypeScript报错：你定义的tableHeaders中key类型为string，但title是symbol类型，类型不匹配，必须将Symbol的描述转为string后再赋值。
• 运行时报错：Symbol无法直接隐式转换为字符串，必须显式提取所需的文本内容。

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