• Assurez la sécurité des applications de la bonne manière! Détectez, protégez, surveillez, accélérez et plus encore…
  • Travailler avec des chaînes sans connaître les méthodes sera un cauchemar pour les développeurs.

    Pour se débarrasser de ces cauchemars, nous devons connaître les propriétés et les méthodes les plus essentielles des cordes dans JavaScript.

    Explorons-les un par un.

    longueur

    La propriété length renvoie la longueur de la chaîne.

    const company = "GeekFlare";
    
    console.log(company.length);
    

    toUpperCase ()

    Procédé toUpperCase transforme chaque caractère de la chaîne en majuscules et le renvoie. Cela ne change pas la chaîne d'origine.

    const company = "GeekFlare";
    
    const upperCaseCompany = company.toUpperCase();
    
    console.log(upperCaseCompany);
    

    toLowerCase ()

    Procédé toLowerCase transforme chaque caractère de la chaîne en minuscules et le renvoie. Cela ne change pas la chaîne d'origine.

    const company = "GeEkFlaRe";
    
    const lowerCaseCompany = company.toLowerCase();
    
    console.log(lowerCaseCompany);
    

    trim ()

    Procédé trim supprime les espaces blancs de début et de fin de la chaîne. C'est une opération sur place, c'est-à-dire, met à jour la chaîne d'origine.

    const company = "         Geek   Flare           ";
    
    console.log(company);
    console.log(company.trim());
    

    charAt (index)

    Procédé charAt renvoie le caractère à l'index donné. Il renvoie une chaîne vide si l'index n'est pas valide.

    const company = "GeekFlare";
    
    console.log(company.charAt(2));
    console.log(company.charAt(10));
    

    charCodeAt (index)

    Procédé charCodeAt renvoie le code ASCII de caractère à l'index donné. Il retourne NaN si l'index n'est pas valide.

    const company = "GeekFlare";
    
    console.log(company.charCodeAt(2));
    console.log(company.charCodeAt(10));
    

    tranche (startIndex, endIndex)

    Procédé slice renvoie la sous-chaîne de la chaîne de startIndex à endIndex (non compris). Le string.slice(0, 6) renvoie la sous-chaîne de 0th index à 5th indice.

    const company = "GeekFlare";
    
    console.log(company.slice(0, 4));
    

    Procédé slice acceptera également un argument de chant. Si vous passez un seul argument au slice méthode, puis il renverra la sous-chaîne de l'index donné à la fin de la chaîne.

    const company = "GeekFlare";
    
    console.log(company.slice(4));
    

    Procédé slice acceptera également les indices négatifs. Les index négatifs sont comptés à partir de la fin de la chaîne. Voyons un exemple car il est nouveau pour la plupart des gens.

    Chaîne donnée GeekFlare, les indices négatifs sont

    G =-9, e =-8, e =-7, k = -6

    etc…

    Le code string.slice(-9, -5) reviendra Geek pour l'exemple ci-dessus.

    const company = "GeekFlare";
    
    console.log(company.slice(-9, -5));
    

    Le code string.slice(-5) reviendra Flare pour l'exemple ci-dessus.

    const company = "GeekFlare";
    
    console.log(company.slice(-5));
    

    Note : L'indexation négative ne fonctionnera pas dans IE8 et versions antérieures.

    substr (startIndex, longueur)

    Procédé substr est similaire à la slice méthode. La seule différence est que la méthode substr accepte la longueur de sous-chaîne qui doit être extraite de la chaîne d'origine.

    const company = "GeekFlare";
    
    console.log(company.substr(4, 5));
    

    Il existe une autre méthode appelée substring qui est similaire au slice méthode. Mais, la méthode substring n'acceptera pas indices négatifs. Essaye le.

    replace (sous-chaîne, nouvelleSubstring)

    Procédé replace remplace la première instance de sous-chaîne des newSubString.

    const statement = "Visit the site Google";
    
    console.log(statement.replace("Google", "GeekFlare"));
    

    indexOf (sous-chaîne)

    Procédé indexOf renvoie l'index de départ d'un caractère donné à partir de la chaîne. Il reviendra -1 si le caractère n'est pas présent dans la chaîne.

    const company = "GeekFlare";
    
    console.log(company.indexOf("Flare"));
    console.log(company.indexOf("O"));
    

    Procédé indexOf acceptera le deuxième argument qui est un index à partir duquel la recherche commence pour la sous-chaîne donnée.

    const company = "GeekFlare";
    
    console.log(company.indexOf("e"));
    console.log(company.indexOf("e", 5));
    

    Il existe une autre méthode appelée lastIndexOf qui est similaire à la méthode indexOf. La seule différence est que la méthode lastIndexOf recherche le caractère à partir de la fin de la chaîne et renvoie le indice de la première instance du caractère. Essayez-le pour le code company.lastIndexOf('e').

    split (sous-chaîne)

    Procédé split divise la chaîne donnée sur le sous-chaîne et renvoie les parties sous forme de tableau.

    const statement = "Visit, the, site, GeekFlare";
    
    console.log(statement.split(" "));
    console.log(statement.split(", "));
    

    Conclusion

    Ce n'est pas la fin. Explorez les méthodes restantes des chaînes de la documentation. Il peut y avoir d'autres méthodes utiles dans des cas spécifiques.

    Recherchez et utilisez-les dans votre propre si ce n'est pas répertorié ici.

    Codage heureux 🙂

    Ensuite, explorez certains des frameworks JavaScript populaires.