[JavaScript] 자바스크립트 문자열 길이(length) 구하는 방법

자바스크립트에서 문자열의 길이를 구할 때는 문자열의 length 속성을 활용하면 됩니다. 이번 포스팅에서 그 방법에 대해 알아보도록 하겠습니다.

 자바스크립트 문자열 길이 구하기 length 

//사용법
문자열.length

See the Pen Untitled by wjdxo513 (@wjdxo513) on CodePen.

 

자바스크립트 문자열의 length 속성을 사용하면 문자열에 속해있는 문자의 개수를 return 합니다. 위의 예제에서 str.length는 "Hello" 문자열에 포함된 문자의 수인 5개를 리턴하는 것을 보실 수 있습니다. 자바스크립트는 공백도 문자로 인식합니다. 그래서 "W o r l d" 문자열 길이는 문자 5개 + 공백 4개로 인해 총 9가 됩니다. 

 

---

 

유니코드가 포함된 문자열의 길이 구하기

See the Pen 자바스크립트 문자열 길이2 by wjdxo513 (@wjdxo513) on CodePen.

 

다만 이모티콘, 중국어와 같은 유니코드가 포함된 문자열에 대한 길이를 구하려면 length 속성을 사용하면 정확한 값이 도출되지 않습니다. 따지자면 length 속성은 문자 단위가 아니라 코드 단위를 계산하기 때문입니다.

 

그래서 이렇게 유니코드가 포함되어 있는 문자열의 길이를 구할때는 Array.from() 메서드를 사용하여 먼저 문자열을 배열로 변환한 후 변환한 배열의 길이를 구하는 방법을 사용할 수 있습니다. 위 코드에서 Array.from(str)은 유니코드 문자열 str을 문자 단위로 분해하여 배열로 만들고 그 배열의 길이를 구하는 방법을 통해 문자열의 길이를 구하는 것을 보실 수 있습니다.