Masquer la valeur de la variable en JavaScript

Dans cet article, nous allons apprendre à masquer les valeurs des variables dans un code source JavaScript et les avantages du masquage en JavaScript.

Utilisez la méthode replace() avec une expression régulière pour masquer la valeur de la variable en JavaScript

En programmation, Mask est un modèle prédéfini par l’utilisateur utilisé pour apporter des modifications aux données qui peuvent être fournies par l’utilisateur ou qui peuvent être initialisées à une variable en tant que valeur de variable. Ce processus d’altération est connu sous le nom de masquage.

Le masquage est le processus de sécurisation intentionnelle des données, et nous pouvons les démasquer pour régénérer leur forme d’origine. En JavaScript, nous avons une méthode par défaut, replace(), et nous pouvons utiliser cette méthode avec l’expression régulière regex pour modifier et masquer nos données.

la fonction replace() en JavaScript

En JavaScript, replace() est une méthode prédéfinie, et nous l’utilisons sur des chaînes pour remplacer la partie définie de cette chaîne par une autre. Il recherche la portion de chaîne définie à partir de la chaîne déclarée complète et la remplace par la valeur donnée.

La chaîne d’origine n’est pas modifiée par la méthode replace(). Il renvoie la chaîne mise à jour.

Exemple:

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);

Production:

Delft stack is a best website to learn programming.

Expression régulière en JavaScript

L’expression régulière est la séquence de caractères qui nous aide à rechercher un modèle spécifique.

let regex = /hi/i

Il peut être utilisé pour des opérations telles que la recherche de texte ou le remplacement de texte. Nous pouvons modifier la valeur existante avec une autre valeur définie si nous utilisons regex dans la méthode replace().

Altération:

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

Production:

hello world

Dans l’exemple ci-dessous, nous utiliserons la méthode replace() et regex ensemble pour effectuer le masquage sur le numéro de téléphone initialisé.

Exemple de valeur de variable de masquage :

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)

Production:

original value 11122223333
altered value 111-2222-3333

Dans le code source JavaScript ci-dessus, nous avons initialisé le modèle regex dans la variable et attribué des données numériques dans la variable value. Ensuite, nous avons appelé la méthode replace() sur la variable value et passé la regex définie pour modifier les données numériques avec - séparant les données.

Enfin, nous avons affiché le résultat et la comparaison des données originales et modifiées dans la boîte de journal à l’aide de console.log().