본문 바로가기
웹코딩 배우기/· JavaScript

문자 method #1 - 자바스크립트

by 닐기 2021. 11. 19.

See the Pen string method by nilgi (@nilgi) on CodePen.

 

 

• 문자의 길이(수) : length

let ng = "본디 인간은 외롭고 태어나 어느 누군가의 
사랑을 받고 자란다. 인간은 기억을 잊게 또는 잊을 수 있게 태어났다. 
그리하여 죽는 날까지 외롭다고 착각한다."
document.getElementById('tl1').innerHTML = ng.length;

 

 

• 문자 선택 3가지 방법

- slice(시작n, 끝n+1) : n은 음수 허용

- substring(시작n, 끝n+1) : 음수 없음

- substr(시작n, 글자수) : 음수 허용

- 자바스크립트 첫 번째는 0이다. 끝n의 숫자는 +1이라 생각한다.

 

- slice(시작n, 끝n+1)

let ng = "인간, 생사, 외롭다, 착각, 쓸쓸";
document.getElementById('sl').innerHTML = ng.slice(4,6);
  // 글자 수 0번에서 시작해 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 이후 글자 모두 표시

 

 

-substring(시작n, 끝n+1)

document.getElementById('subt1').innerHTML = ng1.substring(13,15);
  // 글자 수 13번부터 시작해 15번 전까지 표시
document.getElementById('subt2').innerHTML = ng1.substring(13);
  // 글자 수 13번 이 후 모두 표시



-substr(시작, 글자 길이(수))

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번부터 표시