JavaScript の文字数カウント: ステップバイステップ ガイド

この短い記事では、JavaScript を使用して段落内の単語数を数える方法と、いくつかの実践的な例を見ていきます。

JavaScript 開発者として、テキスト ボックスへのユーザー入力を制限する必要がある場合があります。ユーザー入力を制限するには、文字数または単語数による 2 つの方法があります。今日は後者、つまり JavaScript で文字列内の単語数を数える方法について説明します。

JavaScript の例: 文字列内の単語数を数える

このセクションでは、文字列内のすべての単語をカウントできるカスタム JavaScript 関数を構築します。

次の例を簡単に見てみましょう。

ご覧のとおり、文字列パラメーターを受け取り、指定された文字列内のすべての単語の合計数を返す getWordCount JavaScript 関数を作成しました。

それがどのように機能するかを理解しましょう。まず、split JavaScript 文字列メソッドを使用して文字列をスペース文字で分割し、その結果、文字列の配列を取得します。

次に、filter JavaScript 配列メソッドを使用して、空の文字列をフィルターで除外します。これらの空の文字列は、文字列の行に 2 つのスペースがある場合に表示されます。

最後に、単語 (およびその他の句読点) の配列があり、配列の length プロパティを使用して配列内の要素の数をカウントできます。これにより、指定された文字列内の単語の総数が得られます。

JavaScript の例: 正規表現を使用して文字列内の単語数をカウントする

前のセクションでは、文字列内のすべての単語をカウントする方法を示す JavaScript の例について説明しました。これをスペース文字で分割することで行います。ただし、ソース文字列に複数のスペースが連続している場合に表示される可能性のある空の文字列を除外する必要があります。

このセクションでは、正規表現を使用して上記の例を変更します。以下の例を簡単に見てみましょう。

今回は、/\s / 正規表現を使用して文字列を分割し、1 つ以上の空白文字を表します。このようにして、空の文字列をフィルタリングせずに、必要な結果を直接取得できます。さらに、\s パターンは改行とタブ文字を照合するため、空白文字を直接照合するよりも結果がより堅牢になります。ご覧のとおり、split JavaScript 文字列メソッドを使用すると、文字列内の単語の数をカウントするのがさらに簡単になります。

実際の例

このセクションでは、前のセクションで作成した getWordCount 関数の使用法を示す実践的な例を見ていきます。

ユーザーがテキスト領域に入力するときにリアルタイムの単語カウンターを表示する次の例を見てみましょう。

つまり、ご覧のとおり、ユーザーがテキストエリアに入力すると、ライブカウンターが表示されます。この例を使用および拡張して、入力テキストを制限する場合にユーザーにメッセージを表示できます。

＃＃＃結論は＃＃＃

今日は、JavaScript で単語を数える方法をいくつかの例とともに説明しました。

以上がJavaScript の文字数カウント: ステップバイステップ ガイドの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。