Obtenir le premier caractère d'une chaîne en JavaScript

1. Obtenir le premier caractère d’une chaîne en utilisant slice() en JavaScript
2. Obtenir le premier caractère d’une chaîne en utilisant charAt() en JavaScript
3. Obtenir le premier caractère d’une chaîne en utilisant substring() en JavaScript
4. Obtenir le premier caractère d’une chaîne en utilisant substr() en JavaScript

Lorsqu’il s’agit de chaînes, certaines méthodes utiles nous aident à travailler avec et à manipuler les structures de données des chaînes en JavaScript. Cet article vous guidera dans l’utilisation des méthodes JavaScript intégrées pour obtenir le premier caractère d’une chaîne.

Quatre méthodes, slice, charAt, substring et substr, sont disponibles en JavaScript, qui renverront une nouvelle chaîne sans muter la chaîne d’origine.

Obtenir le premier caractère d’une chaîne en utilisant slice() en JavaScript

La méthode slice() est une méthode intégrée fournie par JavaScript.

Cette méthode coupe la ficelle à deux endroits. Cette coupe se produit en prenant deux entrées, le début et l’index de fin.

Et sur cette base, il renverra la partie de la chaîne entre les index. Si seul l’index de début est fourni, il reviendra au dernier caractère.

Syntaxe:

slice(beginIndex)
slice(beginIndex, endIndex)

Tout caractère présent dans les index begin et end (y compris le caractère de début et l’arrêt d’un caractère avant la fin) sera inséré dans la nouvelle chaîne. L’index de fin est un paramètre facultatif.

Pour plus d’informations, lisez la documentation de la méthode slice().

const inputString = 'Welcome to JavaScript tutorial';
const outputString1 = inputString.slice(0, 1);
const outputString2 = inputString.slice(4, -2);
console.log(outputString1);
console.log(outputString2);

Si nous appelons slice(1, 8), cela copiera le caractère W de la chaîne d’origine, inputString dans outputString1. La partie fascinante ici est que lorsque vous donnez un index négatif, le paramètre d’entrée sera considéré comme str.length + index.

Le code ci-dessus vous donnera la sortie ci-dessous.

Production :

"W"
"ome to JavaScript tutori"

Obtenir le premier caractère d’une chaîne en utilisant charAt() en JavaScript

Cette méthode obtient l’unité de code UTF-16 unique présente à l’index spécifié. Cette méthode ne mute ni ne modifie la chaîne d’origine.

Syntaxe:

charAt(index)

Tout caractère présent à l’index sera inséré dans la nouvelle chaîne. Si aucun index n’est fourni, 0 sera considéré par défaut.

Pour plus d’informations, lisez la documentation de la méthode charAt().

const inputString = 'Welcome to JavaScript tutorial';
const outputString1 = inputString.charAt(0);
const outputString2 = inputString.charAt(11);
console.log(outputString1);
console.log(outputString2);

Si nous appelons charAt(0), cela copiera le caractère W de la chaîne d’origine, inputString dans outputString1. Le code ci-dessus vous donnera la sortie ci-dessous.

Production :

"W "
"J"

Obtenir le premier caractère d’une chaîne en utilisant substring() en JavaScript

La méthode substring() est une méthode intégrée fournie par JavaScript.

Cette méthode coupe la ficelle à deux endroits. Cette coupe se produit en prenant deux entrées, l’index de début et l’index de fin.

Et sur cette base, il renverra la partie de la chaîne entre les index. Si seul l’index de début est fourni, il renverra la fin de la chaîne.

Syntaxe:

substring(indexStart);
substring(indexStart, indexEnd);

Tout caractère présent dans les index start et end (y compris le caractère de début et l’arrêt d’un caractère avant la fin) sera inséré dans la nouvelle chaîne. L’index de fin est facultatif.

Pour plus d’informations, lisez la documentation de la méthode substring().

La seule différence entre substring() et slice() réside dans les arguments.

Si indexStart est supérieur à indexEnd , la méthode substring échange deux arguments. Cela signifie qu’une chaîne est toujours renvoyée.

La méthode slice, dans ce cas, renvoie une chaîne vide. La méthode substring traite les deux arguments comme 0 si l’un des arguments est négatif ou NaN.

slice traite également les arguments NaN comme 0. Mais lorsque des valeurs négatives sont passées, il décompte à partir de la fin de la chaîne pour trouver les index.

const inputString = 'Hello World!';
const outputString = inputString.substring(0, 1);
console.log(inputString);
console.log(outputString);

Si nous appelons substring(0, 1), cela copiera le caractère H de la chaîne d’origine, inputString dans outputString. Au final, nous imprimerons les deux chaînes en utilisant la méthode console.log().

Le code ci-dessus vous donnera la sortie ci-dessous.

Production :

"Hello World!"
"H"

Obtenir le premier caractère d’une chaîne en utilisant substr() en JavaScript

La méthode substr() est une méthode intégrée fournie par JavaScript.

Cette méthode coupe la ficelle à deux endroits. Cette coupe se produit en prenant deux entrées, l’index de début et un nombre total de caractères après cela.

Et sur cette base, il renverra la partie de la chaîne entre l’index et le nombre total. Si seul l’index de début est fourni, il renverra la fin de la chaîne.

Syntaxe:

substr(start);
substr(start, length);

Tout caractère présent dans l’index start et length sera inséré dans la nouvelle chaîne. La longueur est un paramètre facultatif ici.

Pour plus d’informations, lisez la documentation de la méthode substr().

La seule différence entre substring() et substr() réside dans les arguments.

Les méthodes substring() représentent les index de début et de fin en tant qu’arguments. En revanche, le substr() représente l’index de départ et le nombre de caractères dans la chaîne renvoyée en tant qu’argument.

const inputString = 'Hello World!';
const outputString1 = inputString.substr(0, 1);
const outputString2 = inputString.substr(1, 0);
console.log(inputString);
console.log(outputString1);
console.log(outputString2);

Si nous appelons substr(0, 1), cela copiera le caractère H de la chaîne d’origine, inputString dans outputString1. La partie fascinante ici est que l’échange du paramètre d’entrée ne copiera aucun caractère puisque la longueur est 0.

Le code ci-dessus vous donnera la sortie ci-dessous.

Production :

"Hello World!"
"H"
""