본문 바로가기
카테고리 없음

문자열 길이 구하기, 제한하기 length()

by nono22 2023. 12. 21.

문자열 길이 구하기, 제한하기 (length())

length() 메서드란?

length() 메서드는 JavaScript에서 문자열의 길이를 반환하는 내장 함수입니다. 이 메서드는 문자열의 모든 문자 수를 계산하여 그 값을 반환합니다.

사용 방법

다음은 length() 메서드를 사용하여 문자열의 길이를 구하는 간단한 예제입니다:

const str = "Hello, World!";
const length = str.length;
console.log(length);
// 출력: 13

주의 사항

  • length() 메서드는 호출 대상이 문자열일 경우에만 동작합니다. 따라서, 다른 데이터 타입에서는 사용할 수 없습니다.
  • length() 메서드는 공백 문자를 포함하여 모든 문자를 하나의 글자로 인식합니다.
  • 호출된 문자열의 길이 값은 실제로 문자열의 길이보다 1 큽니다. 이는 배열과 유사한 인덱싱이기 때문입니다. 예를 들어, 인덱스 0부터 시작하는 문자열의 길이가 5라면, 실제로는 인덱스 0부터 4까지의 5개 문자를 의미합니다.

문자열 길이 제한하기

length() 메서드는 문자열의 길이를 제한하는데 사용될 수도 있습니다. 예를 들어, 사용자로부터 입력받은 문자열의 길이가 일정 길이 이상인 경우 경고 메시지를 표시하는 등의 제한 조건에 활용할 수 있습니다.

const input = document.getElementById('user-input');
const maxLength = 10;

input.addEventListener('input', () => {
  const str = input.value;

  if (str.length > maxLength) {
    input.value = str.slice(0, maxLength);
    alert('문자열은 최대 10글자까지만 입력 가능합니다!');
  }
});

위 예제에서는 사용자가 입력하는 문자열의 길이가 maxLength 이상이 되면, 입력된 문자열을 최대 길이인 maxLength로 자르고 경고 메시지를 표시합니다. 이를 통해 입력된 문자열의 길이를 제한할 수 있습니다.

요약

length() 메서드는 JavaScript에서 문자열의 길이를 구하는 함수로, 문자열에 포함된 문자 수를 반환합니다. 문자열을 다룰 때 유용하게 사용되며, 문자열의 길이를 제한하는데 활용될 수도 있습니다. 주의사항을 잘 알고 사용하면 문자열 처리에 도움이 됩니다.

댓글