JavaScript - Symbol.replace 属性

Symbol.replace 属性用于定义 `String.prototype.replace()` 函数调用的方法。当使用子字符串或正则表达式作为其初始参数调用 `String.prototype.replace()` 时，JavaScript 会在内部搜索传递给它的对象上的 Symbol.replace 属性。如果检测到该属性，则会调用此函数以执行替换逻辑。

开发人员可以通过创建自定义 Symbol.replace 方法来操作 JavaScript 应用程序中的字符串，从而改变字符串替换操作的行为。

语法

以下是 JavaScript Symbol.replace 属性的语法：

[Symbol.replace](string)

参数

此属性仅接受一个参数，即字符串。

返回值

此属性返回一个新字符串。

示例

示例 1

让我们来看下面的例子，我们将使用自定义对象和 Symbol.replace。

<html>
   <style>
      body {
         font-family: verdana;
         color: #DE3163;
      }
   </style>
   <body>
      <script>
         const x = {
            [Symbol.replace](string, replace) {
               return string.replace(/To/g, replace);
            }
         };
         const a = "Welcome, To!";
         const y = a.replace(x, "To TutorialsPoint");
         document.write(y);
      </script>
   </body>
</html>

如果执行上述程序，它将在网页上显示文本。

示例 2

考虑另一种情况，我们将使用 Symbol.replace 进行日期格式化。

<html>
   <style>
      body {
         font-family: verdana;
         color: #DE3163;
      }
   </style>
   <body>
      <script>
         const x = {
            [Symbol.replace](y) {
               const date = new Date(y);
               return `${date.getDate()}-${date.getMonth() + 1}-${date.getFullYear()}`;
            }
         };
         const a = "02-07-2024";
         document.write(a.replace(x));
      </script>
   </body>
</html>

执行上述脚本后，它将在网页上显示文本。

示例 3

在下面的示例中，我们将用 '*' 替换元音。

<html>
   <style>
      body {
         font-family: verdana;
         color: #DE3163;
      }
   </style>
   <body>
      <script>
         const x = {
            [Symbol.replace](str) {
               return str.replace(/[aeiou]/gi, '*');
            }
         };
         document.write('TUTORIALSPOINT'.replace(x));
      </script>
   </body>
</html>

执行脚本后，它将在网页上显示 '*'。

示例 4

以下是一个示例，我们将用其双倍值替换数字。

<html>
   <style>
      body {
         font-family: verdana;
         color: #DE3163;
      }
   </style>
   <body>
      <script>
         const x = {
            [Symbol.replace](str) {
               return str.replace(/\d/g, match => match * 3);
            }
         };
         document.write('Raju had 3 chocolates and 2 biscuits'.replace(x));
      </script>
   </body>
</html>

执行上述脚本后，将弹出输出窗口，在网页上显示文本。

打印页面