JavaScript - Symbol.replace 属性

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

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

语法

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

[Symbol.replace](string)

参数

此属性仅接受一个参数，即 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>

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