JavaScript で変数値をマスクする

この記事では、JavaScript ソースコードで変数値をマスクする方法と、JavaScript でマスクする利点について学習します。

JavaScript で変数値をマスクするために正規表現で replace() メソッドを使用する

プログラミングでは、マスクはユーザーが事前定義したパターンであり、ユーザーが提供できるデータ、または変数値として変数に初期化できるデータを変更するために使用されます。この変更プロセスは、マスキングとして知られています。

マスキングは、データを意図的に保護するプロセスであり、マスクを解除して元の形式を再生成できます。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() を使用して、元のデータと変更されたデータの結果と比較をログボックスに表示しました。