Máscara de valor de variable en JavaScript

En este artículo, aprenderemos cómo enmascarar los valores de las variables en un código fuente de JavaScript y los beneficios del enmascaramiento en JavaScript.

Utilice el método replace() con expresión regular para enmascarar el valor de la variable en JavaScript

En programación, Máscara es un patrón predefinido por el usuario que se utiliza para realizar cambios en los datos que el usuario puede proporcionar o que se pueden inicializar en una variable como valor de variable. Este proceso de alteración se conoce como enmascaramiento.

El enmascaramiento es el proceso de asegurar intencionalmente los datos, y podemos desenmascararlos para volver a generar su forma original. En JavaScript, tenemos un método predeterminado de replace(), y podemos usar ese método con la expresión regular regex para modificar y enmascarar nuestros datos.

la función replace() en JavaScript

En JavaScript, replace() es un método predefinido y lo usamos en cadenas para reemplazar la parte definida de esa cadena con otra. Busca la porción de cadena definida de la cadena declarada completa y la reemplaza con el valor dado.

La cadena original no cambia por el método replace(). Devuelve la cadena actualizada.

Ejemplo:

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

Producción :

Delft stack is a best website to learn programming.

Expresión regular en JavaScript

La expresión regular es la secuencia de caracteres que nos ayuda a buscar un patrón específico.

let regex = /hi/i

Se puede usar para operaciones como búsqueda de texto o reemplazo de texto. Podemos alterar el valor existente con otro valor definido si usamos expresiones regulares en el método replace().

Modificación:

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

Producción :

hello world

En el siguiente ejemplo, usaremos el método replace() y regex juntos para enmascarar el número de teléfono inicializado.

Ejemplo de valor de variable de enmascaramiento:

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)

Producción :

original value 11122223333
altered value 111-2222-3333

En el código fuente de JavaScript anterior, hemos inicializado el patrón de expresiones regulares en la variable y asignamos datos numéricos en la variable value. Luego, llamamos al método replace() en la variable value y pasamos la expresión regular definida para alterar los datos numéricos con - separando los datos.

Finalmente, hemos mostrado el resultado y la comparación de los datos originales y alterados en el cuadro de registro usando console.log().