Маскирование значения

JavaScriptJavaScriptBeginner
Практиковаться сейчас

This tutorial is from open-source community. Access the source code

💡 Этот учебник переведен с английского с помощью ИИ. Чтобы просмотреть оригинал, вы можете перейти на английский оригинал

Введение

В этом практическом занятии мы будем изучать JavaScript-функцию mask, которая может быть использована для замены всех символов за исключением последних num символов заданной строки на заданный символ маскировки. Мы узнаем, как использовать эту функцию для создания замаскированных строк для конфиденциальных данных, таких как номера кредитных карт, номера телефонов или адреса электронной почты. В конце этого практического занятия вы будете хорошо разбираться, как использовать функцию mask в своих проектах на JavaScript.


Skills Graph

%%%%{init: {'theme':'neutral'}}%%%% flowchart RL javascript(("JavaScript")) -.-> javascript/BasicConceptsGroup(["Basic Concepts"]) javascript(("JavaScript")) -.-> javascript/AdvancedConceptsGroup(["Advanced Concepts"]) javascript/BasicConceptsGroup -.-> javascript/variables("Variables") javascript/BasicConceptsGroup -.-> javascript/data_types("Data Types") javascript/BasicConceptsGroup -.-> javascript/arith_ops("Arithmetic Operators") javascript/BasicConceptsGroup -.-> javascript/comp_ops("Comparison Operators") javascript/AdvancedConceptsGroup -.-> javascript/template_lit("Template Literals") subgraph Lab Skills javascript/variables -.-> lab-28489{{"Маскирование значения"}} javascript/data_types -.-> lab-28489{{"Маскирование значения"}} javascript/arith_ops -.-> lab-28489{{"Маскирование значения"}} javascript/comp_ops -.-> lab-28489{{"Маскирование значения"}} javascript/template_lit -.-> lab-28489{{"Маскирование значения"}} end

Как скрыть значение в JavaScript

Чтобы скрыть значение в JavaScript, вы можете использовать функцию mask(). Следуйте шагам:

  1. Откройте Терминал/SSH и введите node, чтобы начать практиковаться в написании кода.
  2. Используйте String.prototype.slice(), чтобы получить часть символов, которые останутся не скрытыми.
  3. Используйте String.prototype.padStart(), чтобы заполнить начало строки символом mask до исходной длины.
  4. Если вы хотите исключить символы из конца строки, используйте отрицательное значение для num.
  5. Если вы не укажете значение для num, функция по умолчанию оставит последние 4 символа не скрытыми.
  6. Если вы не укажете значение для mask, функция по умолчанию будет использовать символ '*' для маскировки.

Вот код для функции mask():

const mask = (cc, num = 4, mask = "*") =>
  `${cc}`.slice(-num).padStart(`${cc}`.length, mask);

И вот несколько примеров использования функции mask():

mask(1234567890); // '******7890'
mask(1234567890, 3); // '*******890'
mask(1234567890, -4, "$"); // '$$$$567890'

Резюме

Поздравляем! Вы завершили практическое занятие по скрытию значения. Вы можете выполнить больше практических занятий в LabEx, чтобы улучшить свои навыки.