JavaScript 단어 개수: 단계별 가이드

이 짧은 기사에서는 몇 가지 실제 예와 함께 JavaScript를 사용하여 단락의 단어 수를 계산하는 방법을 알아봅니다.

JavaScript 개발자는 텍스트 상자에서 사용자 입력을 제한해야 하는 경우가 있습니다. 사용자 입력을 제한하는 방법에는 문자 수 또는 단어 수의 두 가지가 있습니다. 오늘은 후자, 즉 JavaScript에서 문자열의 단어 수를 계산하는 방법에 대해 이야기하겠습니다.

JavaScript 예: 문자열의 단어 수 계산

이 섹션에서는 문자열의 모든 단어 수를 계산할 수 있는 사용자 정의 JavaScript 함수를 구축해 보겠습니다.

다음 예를 간단히 살펴보겠습니다.

보시다시피, 우리는 문자열 인수를 취하고 주어진 문자열에 있는 모든 단어의 총 개수를 제공하는 getWordCount JavaScript 함수를 만들었습니다.

작동 방식을 이해해 봅시다. 먼저 split JavaScript 문자열 방법을 사용하여 문자열을 공백 문자로 분할하고 결과적으로 문자열 배열을 얻습니다.

다음으로 filter JavaScript 배열 메소드를 사용하여 빈 문자열을 필터링합니다. 이는 문자열에 공백이 두 개 연속으로 있을 때 나타납니다.

마지막으로 단어 배열(및 기타 구두점)이 있으며 배열 length 속성을 사용하여 배열의 요소 수를 계산할 수 있습니다. 이는 주어진 문자열에 있는 총 단어 수를 제공합니다!

JavaScript 예: 정규식을 사용하여 문자열의 단어 수 계산

이전 섹션에서는 문자열의 모든 단어 수를 계산하는 방법을 보여주기 위해 JavaScript 예제를 논의했습니다. 공백 문자를 분할하여 이를 수행합니다. 그러나 소스 문자열의 행에 공백이 여러 개 있을 때 나타날 수 있는 빈 문자열을 필터링해야 합니다.

이 섹션에서는 정규 표현식을 사용하여 위의 예를 수정하겠습니다. 아래 예를 간단히 살펴보겠습니다.

이번에는 /s+/ 정규식을 사용하여 문자열을 분할하여 하나 이상의 공백 문자를 나타냅니다. 이런 방식으로 빈 문자열을 필터링하지 않고도 원하는 결과를 직접 얻을 수 있습니다. 또한 s 패턴은 개행 및 탭과 일치하므로 공백 문자를 직접 일치시키는 것보다 더 강력한 결과를 얻을 수 있습니다. 보시다시피 /s+/ 正则表达式分割字符串，表示一个或多个空白字符。这样，我们就可以直接得到我们想要的结果，而不需要过滤空字符串。此外， s 模式匹配新行和制表符，使得结果比直接匹配空格字符更加稳健。正如你所看到的，借助 split JavaScript 문자열 메서드를 사용하면 문자열의 단어 수를 계산하는 것이 훨씬 더 쉬워집니다!

실제 사례

이 섹션에서는 이전 섹션에서 구축한 getWordCount 함수의 사용법을 보여주는 실제 예제를 살펴보겠습니다.

사용자가 텍스트 영역에 입력할 때 실시간 단어 카운터를 표시하는 다음 예를 살펴보겠습니다.

보시다시피 사용자가 텍스트 영역에 입력하면 라이브 카운터가 표시됩니다! 입력 텍스트를 제한하려는 경우 이 예제를 사용하고 확장하여 사용자에게 메시지를 표시할 수 있습니다.

결론

오늘은 몇 가지 예를 통해 JavaScript에서 단어 수 계산 방법에 대해 논의했습니다.

위 내용은 JavaScript 단어 개수: 단계별 가이드의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!