JavaScript 中的掩碼變數值

在本文中，我們將學習如何在 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() 在日誌框中顯示了原始資料和更改資料的結果和比較。