Méthodes de chaîne à connaître en JavaScript

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 chaînes en JavaScript.

Explorons-les un par un.

longueur

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

const company = "toptips.fr";

console.log(company.length);

toUpperCase()

La méthode toUpperCase transforme chaque caractère de la chaîne en majuscule et le renvoie. Cela ne change pas la chaîne d’origine.

const company = "toptips.fr";

const upperCaseCompany = company.toUpperCase();

console.log(upperCaseCompany);

toLowerCase()

La méthode 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 = "toptips.fr";

const lowerCaseCompany = company.toLowerCase();

console.log(lowerCaseCompany);

garniture()

La méthode trim supprime les espaces blancs de début et de fin de la chaîne. Il s’agit d’une opération sur place, c’est-à-dire qu’elle met à jour la chaîne d’origine.

const company = "         Geek   Flare           ";

console.log(company);
console.log(company.trim());

charAt(index)

La méthode charAt renvoie le caractère à l’index donné. Elle renvoie une chaîne vide si l’index n’est pas valide.

const company = "toptips.fr";

console.log(company.charAt(2));
console.log(company.charAt(10));

charCodeAt(index)

La méthode charCodeAt renvoie le code ASCII du caractère à l’index donné. Elle renvoie NaN si l’index n’est pas valide.

const company = "toptips.fr";

console.log(company.charCodeAt(2));
console.log(company.charCodeAt(10));

slice(startIndex, endIndex)

La méthode 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 du 0ème index au 5ème index.

const company = "toptips.fr";

console.log(company.slice(0, 4));

La méthode slice acceptera également un argument sing. Si vous passez un seul argument à la méthode slice, elle renverra la sous-chaîne de l’index donné à la fin de la chaîne.

const company = "toptips.fr";

console.log(company.slice(4));

La tranche de méthode acceptera également les index 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.

Étant donné la chaîne toptips.fr, les index négatifs sont

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

etc…

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

const company = "toptips.fr";

console.log(company.slice(-9, -5));

Le code string.slice(-5) renverra Flare pour l’exemple ci-dessus.

const company = "toptips.fr";

console.log(company.slice(-5));

Remarque : L’indexation négative ne fonctionnera pas dans IE8 et les versions antérieures.

substr(startIndex, longueur)

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

const company = "toptips.fr";

console.log(company.substr(4, 5));

Il existe une autre méthode appelée substring qui est similaire à la méthode slice. Mais, la sous-chaîne de méthode n’acceptera pas les index négatifs. Essaye le.

remplacer(sous-chaîne, nouvelleSous-chaîne)

La méthode replace remplace la première instance de la sous-chaîne par newSubString.

const statement = "Visit the site Google";

console.log(statement.replace("Google", "toptips.fr"));

indexOf(sous-chaîne)

La méthode indexOf renvoie l’index de départ d’un caractère donné à partir de la chaîne. Il renverra -1 si le caractère n’est pas présent dans la chaîne.

const company = "toptips.fr";

console.log(company.indexOf("Flare"));
console.log(company.indexOf("O"));

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

const company = "toptips.fr";

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 l’index de la première instance du caractère. Essayez-le pour le code company.lastIndexOf(‘e’).

split(sous-chaîne)

La méthode split divise la chaîne donnée sur la sous-chaîne et renvoie les parties sous forme de tableau.

const statement = "Visit, the, site, toptips.fr";

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 qui sont utiles dans des cas spécifiques.

Recherchez et utilisez-les dans votre cas particulier s’il n’est pas répertorié ici.

Bon codage 🙂

Ensuite, explorez certains des frameworks JavaScript populaires.