• Q&A
  • 회원가입
  • 로그인

[String] JS - split() 메서드 - 문자열쪼개기 (= 스플릿) ※ 이메일숨기기 (= 이메일마스킹)

793  

split() 예제

 

<button onclick="homzzang()">클릭</button>


<p id="demo"></p>


<script>

function homzzang() {

  var str = "홈짱닷컴 Homzzang.com";

  var res = str.split(" ");

  document.getElementById("demo").innerHTML = res;

}

</script>

 

결과보기

결과값: 홈짱닷컴,Homzzang.com

 

 

split() 예제 - 이메일숨기기 (= 이메일마스킹)

 

<script>

function masking(email) { 

   var len = email.split('@')[0].length ;  // ******@gmail.com

// var len = email.split('@')[0].length-3; // AB***@gamil.com

   return email.replace(new RegExp('.(?=.{0,' + len + '}@)', 'g'), '*');

 

}

document.write(masking(""));

</script>

 

결과보기

 

split() 예제 - 문자열 쪼개기 후, 1글자씩 <span>으로 묶어 합치기

 

<style>

span:first-child {color:red;}

span:nth-child(2) {color:blue;}

span:nth-child(3) {color:magenta;}

span:nth-child(4) {color:green;}

</style>

 

<p id='hz'>홈짱닷컴 Homzzang.com</p>

<script>

hz.innerHTML = "<span>" + hz.innerText.split("").join("</span><span>") + "</span>";

</script>

 

결과보기

바타주리 님 (210727) https://sir.kr/qa/423951



찾아주셔서 감사합니다. Since 2012