LabEx
ログイン登録

JavaScript を使った文字列操作

Beginner

This tutorial is from open-source community. Access the source code

はじめに

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

これは Guided Lab です。学習と実践を支援するためのステップバイステップの指示を提供します。各ステップを完了し、実践的な経験を積むために、指示に注意深く従ってください。過去のデータによると、この 初級 レベルの実験の完了率は 100%です。学習者から 100% の好評価を得ています。

空白を削除する関数

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

  • 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 でさらに多くの実験を練習することができます。