TypeScript中toSorted()等方法报错的原因及解决办法

这些报错是因为toSorted()、toReverse()、toSplice()是ES2023新增的不可变数组方法，TypeScript默认不会自动识别这些方法的类型定义，可通过以下方式解决：

方法一：修改tsconfig.json配置 #

在项目的tsconfig.json中，更新compilerOptions里的lib字段，添加ES2023或ESNext（后者包含最新ES特性）：

{
  "compilerOptions": {
    "lib": ["ES2023", "DOM"], // 保留原有lib项，新增ES2023
    // 其他配置...
  }
}

保存后重启TypeScript服务（比如VS Code里重新加载窗口）即可生效。

方法二：升级TypeScript版本 #

如果你的TypeScript版本低于5.0，即使配置了ES2023也可能不生效——TS 5.0才正式支持ES2023的这些方法类型定义。执行以下命令升级：

# npm
npm install typescript@latest --save-dev

# yarn
yarn add typescript@latest --dev

# pnpm
pnpm add typescript@latest --save-dev

方法三：临时替代方案（无需升级/改配置） #

如果暂时无法调整环境，可以用传统方法结合数组拷贝来模拟这些不可变操作：

• 替代toSorted()：[...x].sort()（或x.slice().sort()）
• 替代toReverse()：[...x].reverse()（或x.slice().reverse()）
• 替代toSplice(start, deleteCount, ...items)：

  // 比如x.toSplice(1, 1, 3) 等价于：
  const y = [...x.slice(0, 1), 3, ...x.slice(1 + 1)];
  

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