値をマスクする

Beginner

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

はじめに

この実験では、指定された文字列を与えると、最後の num 文字以外を指定されたマスク文字で置き換えることができる mask と呼ばれる JavaScript 関数を調べます。クレジットカード番号、電話番号、またはメールアドレスなどの機密データ用のマスク付き文字列を作成するためにこの関数をどのように使用するか学びます。この実験が終了するとき、JavaScript プロジェクトで mask 関数をどのように使用するかを十分に理解しているでしょう。

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 でさらに実験を行って練習することができます。