문자 메서드 #2 - 자바스크립트

See the Pen 문자열 메서드 by nilgi (@nilgi) on CodePen.

 

<h3>concat() : 문자 합치기</h3>
<p id="cc1"></p>
<script>
  let t1 = "닐기";
  let t2 = "티스토리 블로그";
  let t3 = t1.concat(" ",t2); // 두문자를 합친다.
  document.getElementById('cc1').innerHTML = t3;
</script>

  let t3 = t1.concat(" ",t2);
  let t3 = "닐기" + " " + "티스토리 블로그"; // concat()은 '+' 연산과 같다.

<h3>trim() : 공백 제거</h3>
<p id="tr1"></p>
<script>
  let tr1 = "          닐기          "; // 이 공백을 없애고 표시한다.
  document.getElementById('tr1').innerHTML = tr1;
</script>

<h3>padStart, padEnd : 앞뒤로 숫자 추가</h3>
<p id="ps1"></p>
<script>
  let ps1 = "1";
  document.getElementById('ps1').innerHTML = ps1.padStart(5,0);

// 1 앞에 0을 넣어 5자리 수를 만든다.
</script>
<p id="pe1"></p>
<script>
  let pe1 = "1";
  document.getElementById('pe1').innerHTML = pe1.padEnd(7,9);

// 1 뒤에 9를 넣어 7자리 수를 만든다.
</script>

<h3>charAt() : 지정한 문자 표시</h3>
<p id="ca1"></p>
<script>
  let ca1 = "닐기의 티스토리 블로그";
  document.getElementById('ca1').innerHTML = ca1.charAt(4);

// 4번째 글자만 표시한다. 자바스크립트의 순서는 0부터 시작한다.
</script>

<h3>charCodeAt() : 문자를 UTF-16 코드로 표시</h3>
<p id="cca1"></p>
<script>
  let cca1 = "닐기의 티스토리 블로그";
  document.getElementById('cca1').innerHTML = cca1.charCodeAt(0);
</script>

<h3>text[]</h3>
<p id="pa1"></p>
<script>
  let pa1 = "닐기의 티스토리 블로그";
  document.getElementById('pa1').innerHTML = pa1[6];

// 변수[]를 써서 문자를 지정하여 표시할 수 있다.
</script>