Javascript
 Computer >> コンピューター >  >> プログラミング >> Javascript

JavaScriptトリム:ステップバイステップガイド

JavaScriptのtrim()メソッドは、文字列の最初と最後から空白文字を削除します。 TrimLeft()メソッドとtrimStart()メソッドは、文字列の先頭から空白文字をトリミングします。 TrimRight()およびtrimEnd()は、文字列の末尾から空白を削除します。


文字列の先頭または末尾から、スペース、タブ、改行などの空白を削除することをお勧めします。たとえば、顧客名の文字列があるとします。各名前の末尾に余分なスペースがないことを確認することをお勧めします。

ここでJavaScriptがtrim() 関数が入ります。trim() 関数は、文字列の最初と最後から空白文字を削除します。

使用したいtrim()に関連する関数がいくつかあります:

  • trimLeft()
  • trimStart()
  • trimRight()
  • trimEnd()

このチュートリアルでは、JavaScriptのtrim()関数とその機能について説明します。また、trim()の代わりに、またはそれに加えて使用できる4つの関連関数についても説明します。

JavaScriptのtrim()文字列

JavaScriptのtrim()メソッドは、文字列の最初と最後から空白を削除します。 Trim()メソッドは、新しい文字列を作成します。 Trim()は引数を受け入れません。このメソッドは文字列の最後に追加されます。

ここにtrim()メソッドの構文があります:

var ourString = "Test    ":

ourString.trim();

このコードは、文字列の最初と最後からすべての空白を削除します。文字列の最後には空白しかないため、削除される文字はこれらだけです。 Trim()は新しい文字列を返します。これは、JavaScript文字列が不変であるため、変更できないためです。

参加者の81%は、ブートキャンプに参加した後、自分たちの技術的な仕事の見通しについてより自信を持っていると述べました。今日のブートキャンプにマッチしましょう。

平均的なブートキャンプの卒業生は、ブートキャンプの開始から最初の仕事を見つけるまで、キャリアの移行に6か月も費やしませんでした。

不要な空白文字で開始または終了する文字列に遭遇するのはよくあることです。空白文字には、スペース、タブ、改行文字が含まれます。

文字列のトリミングは、さまざまな状況で役立ちます。

たとえば、スペースを含むフォーマット済みのテキスト文字列があるとします。コードが意図したとおりに機能するためには、これらのスペースを削除する必要がある場合があります。文字列のフォーマットの詳細については、JavaScript文字列補間のガイドをご覧ください。

trim()JavaScriptの例

JavaScriptのtrim()関数の動作例を次に示します。

var studentName = "Benjamin     ";
console.log(studentName.trim());

JavaScript変数「studentName」に割り当てられた値には、最後にいくつかのスペースが含まれています。トリム機能を使用することで、これらのスペースを削除できます。

Trim()メソッドは新しい文字列をJavaScriptコンソールに返します:

“Benjamin”

Trim()メソッドは、文字列の最後にある空白文字を削除します。 Trim()は元の文字列を変更しません。文字列をトリミングされた形式で保存する場合は、文字列を保存するための新しい変数を作成する必要があります。

var studentName = "Benjamin     ";
var trimmedStudentName = studentName.trim();
console.log(trimmedStudentName);

コードは次のようになります:ベンジャミン 。これで、トリミングされた生徒の名前が変数 triggeredStudentName内に保存されます。 。この変数を使用して、プログラム全体で文字列を参照できます。

JavaScriptのtrim()追加のメソッド

Trim()関数は、文字列の最初と最後の両方からスペースを削除することに注意してください。

文字列の先頭または末尾からスペースのみを削除する場合は、trim()関数を使用しないでください。この目的で使用できるカスタム関数があります。

文字列の先頭から空白文字を削除するとします。これは、trimStart()またはtrimLeft()を使用して実行できます。文字列の末尾から空白文字を削除する場合は、trimEnd()またはtrimRight()を使用できます。

JavaScriptのtrimStart()およびtrimLeft()

文字列の先頭から空白文字を削除したいとします。名前があり、その名前からいくつかの空白文字を削除したいと思います。このタスクを実行するのに役立つtrimStart()とtrimLeft()の動作例を次に示します。

var studentName = "     Benjamin     ";
console.log(studentName.trimStart());
console.log(studentName.trimLeft());

コードは次のようになります:

"     Benjamin"
"     Benjamin"

私たちのコードは、trimStart()メソッドとtrimLeft()メソッドを使用したため、文字列の先頭からスペースのみを削除したことに注意してください。

JavaScriptのtrimEnd()およびtrimRight()

同様に、文字列の末尾から空白を削除したいとします。これを行うには、trimEnd()またはtrimRight()メソッドを使用できます。

var studentName = "     Benjamin     ";
console.log(studentName.trimEnd());
console.log(studentName.trimRight());

コードは次のようになります:

"     Benjamin"
"     Benjamin"

文字列の末尾から空白を削除することに成功しました。ただし、文字列の先頭の空白は残ります。

結論

JavaScriptのtrim() 関数は、文字列の最初と最後から空白を削除します。文字列の最後にtrim()が追加されます。このメソッドは引数を受け入れません。

trimStart()を使用して、文字列の特定の端から空白を削除できます。 、trimLeft()、trimEnd()、およびtrimRight()メソッド。

JavaScriptについてもっと知りたいですか? JavaScriptの学習方法ガイドをお読みください。 JavaScriptを学習するための専門家のヒントだけでなく、トップコースやオンライン学習リソースに関するガイダンスもあります。


  1. JavaScript関数の使用方法:ステップバイステップガイド

    JavaScript関数は、再利用できるコードのカスタムブロックです。関数を使用すると、コードをよりモジュール化でき、オブジェクト指向プログラミングに不可欠です。関数は、宣言または式を介して定義できます。 JavaScriptを学び、基本を知りたい場合、JS関数は間違いなく知っておく必要のあるものです。プログラミング言語での作業に時間を費やしたことがあれば、関数が複雑なプログラムの構成要素であることはご存知でしょうが、それらがどのように機能するかわからない場合があります。関数を使用すると、コードを複数回繰り返すのではなく、一般的なプロセスに対して1回だけコードを記述できます。 関

  2. JavaScript Onclick:ステップバイステップガイド

    JavaScriptのonclickイベントは、ユーザーがボタンまたは別のWeb要素をクリックしたときに関数を実行します。このメソッドは、HTMLドキュメントとJavaScriptドキュメントの両方でインラインで使用されます。 JavaScriptでコーディングしている場合、ユーザーがWebページを操作するときにコードを実行するのが一般的です。たとえば、ユーザーがボタンを押したときに何かが発生したい場合があります。しかし、JavaScriptでこの機能をどのように実装しますか? そこで、「onclick()」イベントが役立ちます。 onclickイベントは、最も一般的に使用されるイベ