[Javascript] 이메일주소 마스킹 처리하기

 

const email = "happyhee@email.com";

// 이메일 형식이 맞는지 검증
email.includes("@"); // true

// 이메일을 @를 기준으로 나누어서 변수에 담기
let emailSplit = email.split("@"); // ["happyhee", "gmail.com"]
// 이메일 앞부분(유저 ID)
let emailId = emailSplit[0];	// "happyhee"
// 이메일 뒷부분
let emailCompany = emailSplit[1];	// "gmail.com"

// 아이디의 앞부분 + 마스킹 처리할 텍스트를 배열에 담기
let maskingId = [];
maskingId.push(emailId[0]);
maskingId.push(emailId[1]);
maskingId.push(emailId[2]);
maskingId.push(emailId[3]);
maskingId.push("*");
maskingId.push("*");
maskingId.push("*");
maskingId.push("*");
// maskingId = ['h', 'a', 'p', 'p', '*', '*', '*', '*']

// 아이디 앞부분 배열을 ""(빈 문자열)을 넣어서 합쳐 문자로 만들고,
// 뒤에 @ 와 이메일 텍스트를 넣어 합치기
let maskingEmail = maskingId.join("")+"@"+emailCompany;

// 결과물
console.log(maskingEmail) // happ****@email.com