迹忆客 专注技术分享

在本文中，我们将学习如何在 JavaScript 源代码中屏蔽变量值以及在 JavaScript 中屏蔽的好处。

使用带有正则表达式的 replace() 方法来屏蔽 JavaScript 中的变量值

在编程中，Mask 是一种用户预定义的模式，用于对可以由用户提供的数据进行更改，也可以将其初始化为变量作为变量值。这种改变过程称为掩蔽。

屏蔽是有意保护数据的过程，我们可以对其进行去屏蔽以重新生成其原始形式。在 JavaScript 中，我们有一个默认方法 replace()，我们可以使用该方法和正则表达式 regex 来更改和屏蔽我们的数据。

JavaScript 中的 replace() 函数

在 JavaScript 中，replace() 是一个预定义的方法，我们在字符串上使用它来用另一个字符串替换该字符串的定义部分。它从完整声明的字符串中搜索定义的字符串部分，并将其替换为给定的值。

replace() 方法不会更改原始字符串。它返回更新后的字符串。

例子：

let string = "Delft stack is a good website to learn programming.";
let result = string.replace("good","best"); // it will replace good with best
console.log(result);

输出：

Delft stack is a best website to learn programming.

JavaScript 中的正则表达式

正则表达式是帮助我们搜索特定模式的字符序列。

let regex = /hi/i

它可用于文本搜索或文本替换等操作。如果我们在 replace() 方法中使用正则表达式，我们可以用另一个定义的值更改现有值。

改造：

let regex = /hi/i
let text = "hi world"
let result = text.replace(/hi/i, "hello"); // it will replace hi with hello
console.log(result);

输出：

hello world

在下面的示例中，我们将一起使用 replace() 方法和 regex 对初始化的电话号码执行屏蔽。

屏蔽变量值示例：

let regex = /^(\d{3})(\d{4})(\d{4}).*/
let value = '11122223333';
let altered = value.replace(regex, '$1-$2-$3');
console.log("original value "+value)
console.log("altered value "+altered)

输出：

original value 11122223333
altered value 111-2222-3333

在上面的 JavaScript 源代码中，我们在变量中初始化了正则表达式模式，并在 value 变量中分配了数字数据。然后，我们在 value 变量上调用 replace() 方法并传递定义的正则表达式来更改数字数据，并用 - 分隔数据。

最后，我们使用 console.log() 在日志框中显示了原始数据和更改数据的结果和比较。