See the Pen string method by nilgi (@nilgi) on CodePen.
- 문자의 길이(수) : length
<p id="tl1"></p>
<script>
let ng = "본디 인간은 외롭고 태어나 어느 누군가의 사랑을 받고 자란다. 인간은 기억을 잊게 또는 잊을 수 있게 태어났다. 그리하여 죽는 날까지 외롭다고 착각한다."
document.getElementById('tl1').innerHTML = ng.length; // 글자 수를 세다.
</script>
- 문자 선택 3가지 방법
slice(시작n, 끝n+1) : n은 음수 허용
substring(시작n, 끝n+1) : 음수 없음
substr(시작n, 글자수) : 음수 허용
자바스크립트 첫 번째는 0이다. 끝n의 숫자는 +1이라 생각한다.
- slice(시작n, 끝n+1)
<p id="sl"></p>
<p id="s2"></p>
<p id="sl3"></p>
<p id="sl4"></p>
<script>
let ng = "인간, 생사, 외롭다, 착각, 쓸쓸";
document.getElementById('sl').innerHTML = ng.slice(4,6); // 글자수 4번부터 시작해 6번 전까지
document.getElementById('sl2').innerHTML = ng.slice(-11,-9); // 글자수 -11번부터 시작해 -9번 전까지
document.getElementById('sl3').innerHTML = ng.slice(13); // 글자수 13번 이후
document.getElementById('sl4').innerHTML = ng.slice(-15); // 글자수 -15번 이후
</script>
-substring(시작n, 끝n+1)
<p id="subt1"></p>
<p id="subt2"></p>
<script>
let ng1 = "인간, 생사, 외롭다, 착각, 쓸쓸";
document.getElementById('subt1').innerHTML = ng1.substring(13,15); // 글자수 13번부터 시작해 15번 전까지
document.getElementById('subt2').innerHTML = ng1.substring(13); // 글자수 13번 이후
</script>
- substr(시작n, 글자수)
<p id="subs1"></p>
<p id="subs2"></p>
<p id="subs3"></p>
<script>
let ng3 = "인간, 생사, 외롭다, 착각, 쓸쓸";
document.getElementById('subs1').innerHTML = ng3.substr(0,6); // 글자수 0번부터 시작해 6글자만 표시
document.getElementById('subs2').innerHTML = ng3.substr(0); // 글자수 0번 이후 전부
document.getElementById('subs3').innerHTML = ng3.substr(-15); // 글자 수 -15번부터 전부
</script>