Convertir le titre de la chaîne en Slug en Javascript

Pour convertir un titre au format slug à l'aide de JavaScript, vous devez transformer le titre en une chaîne conviviale pour les URL. Cela implique généralement de mettre la chaîne en minuscules, de remplacer les espaces et autres caractères non alphanumériques par des traits d'union et de supprimer tous les traits d'union de début ou de fin. Voici un guide étape par étape pour y parvenir :

Convertir la chaîne en minuscule : cela garantit la cohérence du format slug.

1. Remplacez les espaces et les caractères non alphanumériques par des tirets : 2. Cela rend la chaîne conviviale pour les URL.
2. Supprimer les traits d'union de début et de fin : nettoyez tous les traits d'union supplémentaires ajoutés au début ou à la fin de la chaîne.

Voici un exemple de fonction JavaScript pour ce faire :

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"

Explication :

1. toLowerCase() : convertit la chaîne entière en minuscules.
2. replace(/[^a-z0-9 -]/g, '') : supprime tous les caractères qui ne sont pas des lettres minuscules, des chiffres, des espaces ou des traits d'union.
3. replace(/s+/g, '-') : remplace un ou plusieurs espaces par un 4. trait d'union simple.
4. replace(/-+/g, '-') : remplace plusieurs traits d'union consécutifs par un seul trait d'union.
5. replace(/^-+|-+$/g, '') : supprime les traits d'union de début et de fin.

Cette fonction vous aidera à convertir n'importe quelle chaîne de titre en un slug propre et convivial pour les URL.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!