【JS】メールアドレスのマスキング処理

はじめに

よくある会員登録のフローで、ユーザーが入力したメールアドレスに認証コードを送ります。

その際result画面では、第三者に見られないために、アドレスの一部を隠す必要があります。

今回は次のように、登録したメールアドレスの二桁目から'@'の直前までを*に置き換えます。

「t***************@gmail.comに認証コードを送信しました。」

実装

流れとしては、以下になります。

1.　split()でメールアドレスを一桁ごとに分割する
2.　for文で'@'がでるまで、*に置き換える
3.　join（）でまとめる

        let data = '[e-mail]'
        data = data.split('')
        for (var i = 1; i < data.length; i++) {
            if (data[i] == '@') {
                break
            }
            data[i] = '*'
        }
        data = data.join('')

画面には以下のように表示され、無事一件落着です。