JavaScript の左トリム文字列

1. replace() 関数で regex を使用して、JavaScript で文字列を左にトリムする
2. trimLeft() または trimStart() 関数を使用して、JavaScript で文字列を左にトリムする
3. substring() 関数で while ループを使用して、JavaScript で文字列を左にトリムする

お客様に情報をお伺いする際、文字列を扱うことが多いです。 このため、プログラマーは、一貫性がなく、空白やその他の特殊な文字が含まれている可能性のある多くの入力文字列を処理することを余儀なくされています。

この記事では、文字列の左側にある空白を削除する方法について説明します。 これは、さまざまな方法で実現できます。

この記事では、replace() 関数と regex ツールを使用します。

最初に、以下に示すコードのように、name という名前の変数を宣言し、名前の先頭の前に配置された 5つの空白で構成される値を割り当てることによって、一貫性のないテスト文字列を作成します。

let name = '     John Doe';

すべてのサンプル プログラムは、name 変数を使用します。

replace() 関数で regex を使用して、JavaScript で文字列を左にトリムする

name 変数にアクセスできるようになったので、作業を開始できます。 最初の文字の前にあるすべての空白を削除するには、組み込みの replace() 関数を文字列に対して regex と共に使用し、結果のテキストを result 変数に格納します。

let result = name.replace(/^\s+/, '');

replace() メソッドは、ユーザーからの 2つの入力を必要とします。 最初のパラメータは置換する必要がある文字列または regex で、2 番目の引数は最初の引数に対して要求された置換で、この場合は空の文字列です。

最初の引数は、置換する必要がある文字列または regex です。

replace() 関数で使用される regex 式は、次のように記述できます。

• ^ は文字列の先頭を表します
• \s は空白と一致します
• + は 1つまたは複数を意味します

最後に、コンソールに出力を出力する必要があるため、すべてが機能することを確認する必要があります。 以下はその完全なコードです。

let name = '    John Doe';
let result = name.replace(/^\s+/, '');
console.log(result);

出力：

John Doe

trimLeft() または trimStart() 関数を使用して、JavaScript で文字列を左にトリムする

2019 年に ECMAScript 10 が利用可能になったとき、trimStart() という名前の関数が与えられました。 このメソッドは文字列クラスの一部であり、文字列の先頭部分のみをトリミングしながら、先頭のスペースを文字列から削除します。

name 変数で直接呼び出すことができます。

let result = name.trimStart();

同じ結果が必要な場合は、同様の手法 trimLeft() を使用できます。

let result = name.trimLeft();

trimLeft() の完全なコードを以下に示します。

let name = '    John Doe';
let result = name.trimLeft();
console.log(result);

出力：

John Doe

substring() 関数で while ループを使用して、JavaScript で文字列を左にトリムする

テキストの先頭から空白を削除するには、substring() 関数で while ループを使用できます。

index と呼ばれる変数を使用して空白の数を追跡し、定義時に値 0 を与えます。

let index = 0;

ある程度、文字列も JavaScript のオブジェクトと見なされます。 文字列が文字インデックスのコレクションであることを示します。

文字列は、配列と同じ方法でループできます。 while ループを使用して名前文字列を繰り返し処理し、空白ごとに 1 を index 変数に追加します。

while (name[index] == ' ') {
  index++;
}

これで、名前が始まる前の空白の数として name 文字列と index ができました。

substring() 関数を呼び出して、index を空白の数として渡すと、空白のない文字列を取得し、result 変数に保存できます。

let result = name.substring(index);

最後に、コンソールに結果を表示します。 このメソッドのコードを以下に示します。

let name = '    John Doe';
let index = 0;
while (name[index] == ' ') {
  index++;
}
let result = name.substring(index);
console.log(result);

出力：

John Doe

ここで説明する関数は、すべての主要なブラウザーと JavaScript ランタイムと互換性があります。