LabEx
ログイン登録

JavaScript を使って URL に適したスラッグを作成する

Beginner

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

はじめに

この実験では、JavaScript を使って文字列を URL に適したスラッグに変換する方法を探ります。このプロセスでは、文字列を小文字に変換して特殊文字を削除することで正規化し、その後、スペース、ダッシュ、アンダースコアをハイフンに置き換えます。この実験が終わると、任意の文字列を受け取ってスラッグを生成できる関数ができるようになり、URL や他のウェブベースのアプリケーションでの使用が容易になります。

文字列を URL スラッグに変換する関数

URL で使用できるスラッグに文字列を変換するには、次の手順に従います。

  1. ターミナル/SSH を開き、コーディングの練習を始めるために node と入力します。
  2. String.prototype.toLowerCase() と String.prototype.trim() メソッドを使用して文字列を正規化します。
  3. String.prototype.replace() メソッドを使用して、スペース、ダッシュ、アンダースコアを - に置き換え、特殊文字を削除します。
  4. 次のコードを実装します。
const slugify = (str) =>
  str
    .toLowerCase()
    .trim()
    .replace(/[^\w\s-]/g, "")
    .replace(/[\s_-]+/g, "-")
    .replace(/^-+|-+$/g, "");
  1. 関数を slugify('Hello World!'); の入力でテストし、出力 'hello-world' が返されることを確認します。

まとめ

おめでとうございます！あなたは文字列をスラッグに変換する実験を完了しました。あなたの技術を向上させるために、LabEx でさらに多くの実験を練習することができます。