“字符串”类型上不存在属性“replaceAll”

Question

我想在 typescript 和 angular 10 中使用replaceAll。

但我收到此错误：“字符串”类型上不存在属性“replaceAll”。

这是我的代码：

let date="1399/06/08"
console.log(date.replaceAll('/', '_'))

输出：13990608

如何修复我的打字稿以显示此功能？

Answer 1

您可以使用 RegExp 和 global flag 解决问题。全局标志是使 replace 在所有事件中运行的原因。

"1399/06/08".replace(/\//g, "_") // "1399_06_08"

Answer 2

您应该能够通过您的tsconfig.json 添加这些类型。 在compilerOptions 中添加"ES2021.String" 到lib。

您的 tsconfig 应如下所示：

{
    ...,
    "compilerOptions": {
        ...,
        "lib": [
          ...,
          "ES2021.String"
        ]
    }
}

replaceAll 方法在lib.es2021.string.d.ts 内部定义如下：

interface String {
    /**
     * Replace all instances of a substring in a string, using a regular expression or search string.
     * @param searchValue A string to search for.
     * @param replaceValue A string containing the text to replace for every successful match of searchValue in this string.
     */
    replaceAll(searchValue: string | RegExp, replaceValue: string): string;

    /**
     * Replace all instances of a substring in a string, using a regular expression or search string.
     * @param searchValue A string to search for.
     * @param replacer A function that returns the replacement text.
     */
    replaceAll(searchValue: string | RegExp, replacer: (substring: string, ...args: any[]) => string): string;
}

Answer 3

根据 MDN Web Docs，

"要执行全局搜索和替换，请将g 开关包含在 正则表达式”。

所以，你可以试试：

const date="1399/06/08"
const forwardSlashRegex = /(\/)/g;
console.log(date.replace(forwardSlashRegex, '_'));

这会自动将所有正斜杠替换为下划线。确保还在正则表达式末尾保留/g 全局指示符，因为它允许 JS 知道您要替换所有出现正斜杠的位置。

有关使用正则表达式指标的更多信息，请参阅以下非常有用的指南：https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Regular_Expressions

Answer 4

你可以创建一个文件

myOwnTypes.d.ts

在你的 Angular 项目的根目录下并添加以下代码：

interface String {
    replaceAll(input: string, output : string): any;
}

这将告诉 typescript 字符串具有此属性。

现在 Chrome 和 Firefox 支持 replaceAll，但最好检查一下 caniuse 是否符合您的需求。

https://caniuse.com/?search=replaceAll

如果这对你有用，欢迎投票，我从这个 stackoverflow 帐户开始，希望得到支持:)

Answer 5

Chrome 支持 replaceAll，因此可以安全使用。但是 typescript 仍然会出现错误，因此您可以将字符串转换为任何字符串，以克服该障碍。

const date: any ="1399/06/08"
console.log(date.replaceAll('/','_'))

Answer 6

只需使用此功能

    let date="1399/06/08"
    
    console.log(date.split('/').join('_'))

Answer 7

来自docs：

截至 2020 年 8 月，Firefox 支持 replaceAll() 方法，但 不是通过 Chrome。它将在 Chrome 85 中可用。

同时您可以找到多种其他方法here。

未来可能读者的截图：