JavaScript で文字列タイトルをスラッグに変換する

王林
リリース: 2024-07-27 20:58:12
オリジナル
913 人が閲覧しました

Convert String Title to Slug in Javascript

JavaScript を使用してタイトルをスラッグ形式に変換するには、タイトルを URL に適した文字列に変換する必要があります。これには通常、文字列を小文字にし、スペースやその他の英数字以外の文字をハイフンに置き換え、先頭または末尾のハイフンを削除することが含まれます。これを達成する方法についてのステップバイステップのガイドは次のとおりです:

文字列を小文字に変換します。これにより、スラッグ形式の一貫性が保証されます。

  1. スペースと英数字以外の文字をハイフンに置き換えます。 2. これにより、文字列が URL に適したものになります。
  2. 先頭と末尾のハイフンを削除する: 文字列の先頭または末尾に追加された余分なハイフンをクリーンアップします。

これを行うサンプル JavaScript 関数を次に示します。

function stringToSlug(title) {
  return title
    .toLowerCase()                           // Convert to lowercase
    .replace(/[^a-z0-9 -]/g, '')             // Remove invalid characters
    .replace(/\s+/g, '-')                    // Replace spaces with hyphens
    .replace(/-+/g, '-')                     // Replace multiple hyphens with a single hyphen
    .replace(/^-+|-+$/g, '');                // Remove leading and trailing hyphens
}

// Example usage:
const title = "This is a Sample Title!";
const slug = stringToSlug(title);
console.log(slug);  // Output: "this-is-a-sample-title"
ログイン後にコピー

説明:

  1. toLowerCase(): 文字列全体を小文字に変換します。
  2. replace(/[^a-z0-9 -]/g, ''): 小文字、数字、スペース、ハイフン以外の文字を削除します。
  3. replace(/s+/g, '-'): 4. 1 つ以上のスペースを単一のハイフンに置き換えます。
  4. replace(/-+/g, '-'): 連続する複数のハイフンを 1 つのハイフンに置き換えます。
  5. replace(/^-+|-+$/g, ''): 先頭と末尾のハイフンを削除します。

この関数は、あらゆるタイトル文字列をクリーンで URL に適したスラッグに変換するのに役立ちます。

以上がJavaScript で文字列タイトルをスラッグに変換するの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:dev.to
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート