JavaScript で String.prototype.trim() メソッドのポリフィルを実装する

一部の古いバージョンのブラウザまたは古いブラウザ自体は、新しく開発された JavaScript の機能をサポートしていません。たとえば、非常に古いバージョンのブラウザを使用している場合、ES10 バージョンの JavaScript の機能はサポートされません。たとえば、ブラウザーの一部のバージョンは、配列を平坦化するために JavaScript の ES10 バージョンで導入された Array.falt() メソッドをサポートしていません。

この場合、古いブラウザ バージョンの機能をサポートするためにユーザー定義メソッドを実装する必要があります。ここでは、String オブジェクトの Trim() メソッドにポリフィルを実装します。

＃＃＃文法＃＃＃

ユーザーは正規表現を使用して、次の構文に従って string.prototype.trim() メソッドのポリフィルを実装できます。

リーリー

上記の構文では、正規表現を使用して文字列の先頭と末尾のスペースを置き換えます。

正規表現の説明

#^
• - これは文字列の始まりです。

\s
• - 1 つ以上のスペースを表します。

|
• - 「OR」演算子を表します。

\s $
• - 文字列の末尾のスペースを表します。

g
• - すべての一致を削除するように指示されます。
  例 (組み込みの string.trim() メソッドを使用)

次の例では、String オブジェクトの組み込みの Trim() メソッドを使用して、文字列の先頭と末尾のスペースを削除します。

リーリー

例 (string.trim() メソッドに実装されたポリフィル)

以下の例では、正規表現を使用して文字列をトリミングするポリフィルを実装します。先頭と末尾のスペースを空の文字列に置き換える正規表現を作成しました。

リーリー ＃＃＃例＃＃＃

次の例では、for ループを使用して、文字列の最初と最後の有効な文字のインデックスを検索します。空白を表すさまざまな文字を含む配列を作成します。その後、最初の for ループは文字列の文字を反復処理し、「spaces」配列にない最初の文字をチェックし、そのインデックスを開始変数に格納します。さらに、同様の方法で最後の文字から最初の有効な文字を見つけます。

最後に、slice() メソッドを使用して、「開始」位置から始まり「終了」位置で終わる部分文字列を取得しました。

リーリー

ユーザーは、このチュートリアルで string.trim() メソッドのポリフィルを実装する方法を学びました。これまで、trim() メソッドのポリフィルを実装する 2 つの方法を見てきました。最初の方法では、正規表現と replace() メソッドを使用します。 2 番目の方法は、for ループ、slice() メソッド、および include() メソッドを使用する単純な方法です。

以上がJavaScript で String.prototype.trim() メソッドのポリフィルを実装するの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。