JavaScriptの文字列をトリミングします

キーポイント

• javaScriptは、trimLeft()、trimRight()、trim()の3つのネイティブストリング剪定関数を提供します。これらの関数は、それぞれ文字列の最初、端、または端からスペース文字のみを削除します。
これらの関数の拡張バージョンは、PHP関数と同様に、任意の文字を削除できます。これらのバージョンでは、
• や^などの特殊文字を使用して、それぞれ文字列の開始と端を表します。 $
プルーニングは、ユーザー入力から不必要なスペースを削除するために使用されるだけでなく、剪定関数の拡張バージョンを使用する場合、より広範な問題を解決します。たとえば、ユーザー登録の後続スペースによって引き起こされるログインの問題を防ぐことができます。

文字列プルーニングは、プログラマーが処理する最も一般的なタスクの1つです。トリミング関数は、文字列の最初および/または終了時にスペースを削除します。 JavaScript 1.8.1は、剪定のネイティブサポートを導入しました。つまり、IE9より前は、インターネットエクスプローラーの一部ではなかったことを意味します。この記事では、剪定する方法と、より柔軟で強力な剪定機能を構築する方法を示します。 JavaScriptは、さまざまな種類の文字列剪定を実行するための3つの関数を提供します。最初のものは、文字列の先頭から文字を削除します。 。他の多くの言語と同様に、JavaScriptのネイティブ関数はスペース文字のみを削除します。代わりに、PHP関数は任意の文字を削除できます。この記事では、PHPと同様の剪定関数を紹介します。

trimLeft() trimRight()trim()

ネイティブ

がどのように機能するか見てみましょう。 trimLeft()

文字列の先頭にあるスペースが削除されていることに注意してください。削除する文字のリストを指定することにより、この関数を強化できます。拡張バージョンを以下に示します。 trimLeft()

この関数の重要なポイントは、regexpオブジェクトと特殊文字

<code class="language-javascript">var string = " Hello world";
console.debug(string.trimLeft());
// 输出 "Hello world"</code>

です。 regexpは、テキストを指定されたパターンと一致させる正規表現オブジェクトを作成します。正規表現では、

文字は文字列の始まりを示します。入力文字リストはケースに敏感であることに注意してください。次の例は、文字列の先頭にスペースを削除する方法を示しています。この動作は、同等のネイティブ関数に似ています。

<code class="language-javascript">String.prototype.trimLeft = function(charlist) {
  if (charlist === undefined) {
    charlist = "\s";
  }

  return this.replace(new RegExp("^[" + charlist + "]+"), "");
};</code>

次の例は、文字列の先頭から特定の文字セットを削除する方法を示しています。最初の例では、低ケース文字「O」、「E」、「L」、および大文字「H」をトリミングします。 2番目の例では、小文字「H」をトリミングします。文字列は首都「H」で始まるので、トリミングされません。 ^ ^ trimLeft()

<code class="language-javascript">var string = " Hello world";
console.debug(string.trimLeft());
// 输出 "Hello world"</code>

強化された

関数は、トリミングする文字を表す単一のパラメーターも受け入れます。新しい

<code class="language-javascript">var string = "Hello world";
console.debug(string.trimLeft("Hoel"));
// 输出 " world"

string = "Hi mate!";
console.debug(string.trimLeft("h"));
// 输出 "Hi mate!"</code>

関数を以下に示します。

<code class="language-javascript">var string = " Hello world";
console.debug(string.trimLeft());
// 输出 "Hello world"</code>

この関数は、以前の関数と非常に似ています。唯一の違いは、正規表現パターンです。文字列の始まりを表すために^文字を使用する代わりに、文字列の端を表す$文字を使用します。次の例では、trimRight()関数の使用方法を示しています。最初のものは非常にシンプルで、前の例と同様です。 2つ目は、文字リストだけでなく、Posix文字クラスも使用するため、興味深いです。文字クラスは、指定された文字セットの速記です。この例では、Wコードを使用しています。 Wは、非単語文字、または文字、数字、およびアンダースコア文字を除くすべての文字を意味します。

<code class="language-javascript">String.prototype.trimLeft = function(charlist) {
  if (charlist === undefined) {
    charlist = "\s";
  }

  return this.replace(new RegExp("^[" + charlist + "]+"), "");
};</code>

trim()

最後の関数は非常に単純で、最初の2つの関数に依存します。文字列の始まりと終わりを同時にトリミングします。その実装も簡単です。同じ文字列でtrimLeft()を呼び出してからtrimRight()を呼び出すことが含まれるためです。

<code class="language-javascript">var string = " Hello world";
console.debug(string.trimLeft());
// 输出 "Hello world"</code>

以下は、trim()を使用する例を示しています。

<code class="language-javascript">var string = "Hello world";
console.debug(string.trimLeft("Hoel"));
// 输出 " world"

string = "Hi mate!";
console.debug(string.trimLeft("h"));
// 输出 "Hi mate!"</code>

結論

剪定関数を使用して、ユーザー入力から不必要なスペースを削除できます。多くの場合、ユーザーは余分なスペースに入っていることに気付いていません。たとえば、ユーザーが後続のスペースで自分自身を登録する場合、この事実もログインの問題を引き起こす可能性があります。ただし、これは剪定の唯一のユースケースではありません。この記事で説明した拡張された剪定関数を使用して、ネイティブ機能が解決できるよりも幅広い問題を解決することもできます。

（FAQパーツはここで保持する必要がありますが、スペースの制限のために省略します。FAQパーツのコンテンツは、言語を微調整するだけで、元のテキストと一致しています。

以上がJavaScriptの文字列をトリミングしますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。