文字列操作 | JavaScript による空白の削除

はじめに

この実験では、JavaScript における文字列操作の概念を探ります。具体的には、正規表現を使って文字列から空白を削除することに焦点を当てます。一連の演習と例を通じて、String.prototype.replace() メソッドを使って空白文字を削除し、クリーンで管理しやすい文字列を作成する方法を深く理解します。

Skills Graph

%%%%{init: {'theme':'neutral'}}%%%% flowchart RL javascript(("JavaScript")) -.-> javascript/BasicConceptsGroup(["Basic Concepts"]) javascript/BasicConceptsGroup -.-> javascript/variables("Variables") javascript/BasicConceptsGroup -.-> javascript/data_types("Data Types") javascript/BasicConceptsGroup -.-> javascript/arith_ops("Arithmetic Operators") javascript/BasicConceptsGroup -.-> javascript/comp_ops("Comparison Operators") subgraph Lab Skills javascript/variables -.-> lab-28590{{"JavaScript を使った文字列操作"}} javascript/data_types -.-> lab-28590{{"JavaScript を使った文字列操作"}} javascript/arith_ops -.-> lab-28590{{"JavaScript を使った文字列操作"}} javascript/comp_ops -.-> lab-28590{{"JavaScript を使った文字列操作"}} end

空白を削除する関数

文字列を空白から削除するには、次の関数を使用します。

String.prototype.replace() を使って正規表現で空白文字のすべての出現を空文字列に置き換えます。

const removeWhitespace = (str) => str.replace(/\s+/g, "");

正規表現の解説

/\s+/g は次のように解釈されます。
- \s: 任意の空白文字（スペース、タブ、改行）を一致させます
- +: 直前の文字の1回以上の出現を一致させます
- /g: グローバルフラグ - 文字列内のすべての出現を一致させます。最初の1つだけではなく

正規表現のクイックリファレンス

一般的な空白パターン:

\s - 任意の空白（スペース、タブ、改行）を一致させます
\t - タブ文字を一致させます
\n - 改行文字を一致させます
\r - 復帰文字を一致させます
`` (スペース) - スペース文字のみを一致させます

たとえば、

removeWhitespace("Lorem ipsum.\n Dolor sit amet. ");
// 'Loremipsum.Dolorsitamet.'

// さらに例:
removeWhitespace("Hello    World"); // "HelloWorld"
removeWhitespace("Tab\there\nNew line"); // "TabhereNewline"

コーディングの練習を始めるには、ターミナル/SSH を開いて node と入力します。

まとめ

おめでとうございます！あなたは空白を削除する実験を完了しました。あなたのスキルを向上させるために、LabExでさらに多くの実験を練習することができます。