<-

Retour

Javascript CheatSheet

Javascript CheatSheet

Fiches de documentation du langage Javascript.

Ensemble de toutes les méthodes natives intéressante des classes et objets en Javascript. String, Numbers, Booleans, Arrays, document...

0

Partager sur twitterPartager sur FacebookPartager sur LinkdinPartager sur Telegram

String

// Déclaration primitive
let a = "Hello";

// Constructeur
let b = new String("world")

Propriétés

length

La taille du la chaine de caratères

Type

Number

Méthodes

at()

Renvoie le caractère à l'indice indiqué par index.


Les indices négatifs sont acceptés, dans ce cas ils indiquent la position par rapport au dernier caractère.


Signature

String.at(index<Number>):<String|undefined>

Paramètres

@index: L'indice (c'est-à-dire la position) du caractère de la chaîne de caractères qu'on souhaite récupérer.

Retour

Une chaîne de caractères (String) contenant un unique codet UTF-16 situé à la position indiquée.

Renvoie undefined si l'indice indiqué ne peut être trouvé dans la chaîne de caractères.

Exemples

a.at(0); // H
a.at(1); // e
a.at(2); // l
a.at(-2); // l
a.at(-1); // 0

charCodeAt()

Renvoie un nombre qui est la valeur du codet UTF-16 à l'indice indiqué par index.

Signature

<String>.charCodeAt(index<Number>):<String|undefined>

Paramètres

@index: Un entier supérieur ou égal à zéro et strictement inférieur à la longueur de la chaîne. La valeur par défaut (si le paramètre est absent ou n'est pas un nombre) sera zéro (0).

Retour

Un nombre qui représente la valeur du point de code UTF-16 pour le caractère à la position indiquée.

Si index pointe en dehors de la chaîne, ce sera NaN qui sera renvoyé.

Exemples

"ABC".charCodeAt(0) // 65

concat()

Combine le texte de deux (ou plusieurs) chaînes en une nouvelle chaîne de caractères.

Signature

<String>.concat(...str<String>):<String>

Paramètres

@...str: Chaînes de caractères à concaténer ensemble.

Retour

Une nouvelle chaîne de caractères qui contient la concaténation des chaînes de caractères fournies.

Exemples

a.concat(" ", b, "!") // Hello world!

includes()

La méthode includes() détermine si une chaîne de caractères est contenue dans une autre et renvoie true ou false selon le cas de figure.

Signature

<String>.includes(searchStr, position<Number>):<Boolean>

Paramètres

@searchStr: Une chaîne à rechercher dans la chaîne courante.

@position (Facultatif): La position dans la chaîne à partir de laquelle commencera la recherche. La valeur par défaut de position est 0.

Retour

true si la chaîne de caractères contient la sous-chaîne recherchée, false sinon.

Exemples

const str = "Être ou ne pas être, telle est la question.";

str.includes("Être");       // true
str.includes("question");   // true
str.includes("pléonasme");  // false
str.includes("Être", 1);    // false
str.includes("ÊTRE");       // false
str.includes("");           // true

endsWith()

Cette méthode permet de savoir si une chaine de caractères se termine avec une certaine chaine de caractères


Comme les autres méthodes fonctionnant avec des chaînes de caractères, cette méthode est sensible à la casse.


Signature

<String>.endsWith(searchStr, position<Number>):<Boolean>

Paramètres

@searchStr: Les caractères à rechercher à la fin de la chaine de caractères.

@position (Facultatif): Permet de rechercher dans la chaine de caractères comme si elle faisait cette longueur.

Par défaut il s'agit de la longueur de la chaine de caractères searchStr.

Si la valeur fournie est supérieure à la longueur de la chaine de caractères, elle ne sera pas prise en compte.

Retour

true true si la chaîne de caractères se termine par la sous-chaîne indiquée, false sinon.

Exemples

var str = "Être, ou ne pas être : telle est la question.";

str.endsWith("question.");     // true
str.endsWith("pas être");      // false
str.endsWith("pas être", 20);  // true

indexOf()

La méthode indexOf() renvoie l'indice de la première occurence de la valeur cherchée au sein de la chaîne courante (à partir de indexDébut).


Elle renvoie -1 si la valeur cherchée n'est pas trouvée.


Signature

<String>.indexOf(searchStr<String>, ?Position<Number> = 0):<Number>

Paramètres

@searchStr: Une chaîne représentant la valeur qu'on cherche dans la chaîne courante.

@position (Facultatif): L'indice à partir duquel commencer la recherche, effectuée du début vers la fin de la liste.

Si position < 0 la chaîne sera parcourue en entier, ce qui équivaut à utiliser 0.

Si position >= str.length, la méthode renverra -1 sauf si searchStr est la chaîne vide, auquel cas, la méthode renverra searchStr.length

Retour

L'indice de la première occurrence de la valeur indiquée, -1 si elle n'est pas trouvée.

Si la valeur recherchée est la chaîne vide, une correspondance sera trouvée à n'importe quel index entre 0 et str.length.

Exemples

"Blue Whale".indexOf("Blue");     // retourne 0
"Blue Whale".indexOf("Blute");    // retourne -1
"Blue Whale".indexOf("Whale", 0); // retourne 5
"Blue Whale".indexOf("Whale", 5); // retourne 5
"Blue Whale".indexOf("");         // retourne 0
"Blue Whale".indexOf("", 9);      // retourne 9
"Blue Whale".indexOf("", 10);     // retourne 10
"Blue Whale".indexOf("", 11);     // retourne 10

lastIndexOf()

La méthode lastIndexOf() renvoie l'indice, dans la chaîne courante, de la dernière occurence de la valeur donnée en argument.


Si cette sous-chaîne n'est pas trouvée, la méthode renvoie -1.


La recherche s'effectue de la fin vers le début de la chaîne, à partir de position.


Signature

<String>.lasIndexOf(searchStr<String>, ?Position<Number> = Infinity):<Number>

Paramètres

@searchStr: Une chaîne qu'on recherche dans la chaîne courante.

@position (Facultatif): L'emplacement, dans la chaîne courante, à partir duquel effectuer la recherche

Si indiceDébut > str.length, toute la chaîne sera parcourue.

Si indiceDébut < 0, on aura le même comportement que si indiceDébut valait 0.

Retour

L'indice de la dernière occurrence de la valeur indiquée, -1 si elle n'est pas trouvée.

Exemples

'canal'.lastIndexOf('a');     // renvoie 3
'canal'.lastIndexOf('a', 2);  // renvoie 1
'canal'.lastIndexOf('a', 0);  // renvoie -1
'canal'.lastIndexOf('x');     // renvoie -1
'canal'.lastIndexOf('c', -5); // renvoie 0
'canal'.lastIndexOf('c', 0);  // renvoie 0
'canal'.lastIndexOf('');      // renvoie 5
'canal'.lastIndexOf('', 2);   // renvoie 2

match()

La méthode match() permet d'obtenir le tableau des correspondances entre la chaîne courante et une expression rationnelle.

Signature

<String>.match(regexp<String|RegExp>, ?Position<Number> = Infinity):<Number>

Paramètres

@regexp: Un objet représentant une expression rationnelle. Si ce n'est pas un objet de type RegExp, celui-ci sera converti en un objet RegExp grâce à new RegExp(regexp).

Retour

Un tableau (Array) contenant les correspondances et les groupes capturés avec les parenthèses ou null s'il n'y a pas de correspondance.

Le contenu de ce tableau dépend de l'utilisation du marqueur pour la recherche globale g :

  • Si le marqueur g est utilisé, tous les résultats correspondants à l'expression rationnelle complète seront renvoyés mais les groupes capturants ne seront pas renvoyés.
  • Si le marqueur g n'est pas utilisé, seule la première correspondance et ses groupes capturants seront renvoyés.

Exemples

let str = 'Pour plus d\'informations, voir le chapitre 3.4.5.1';
let re = /(chapitre \d+(\.\d)*)/i;
let found = str.match(re);

console.log(found);// ['chapitre 3.4.5.1', 'chapitre 3.4.5.1', '.1']

// 'chapitre 3.4.5.1' est la première correspondance
// 'chapitre 3.4.5.1' est la valeur gardée en mémoire par
// `(chapitre \d+(\.\d)*)`.
// '.1' est la valeur gardée en mémoire par `(\.\d)`.

replace()

La méthode replace() renvoie une nouvelle chaîne de caractères dans laquelle tout ou partie des correspondances à un modèle sont remplacées par un remplacement.


Le modèle utilisé peut être une RegExp et le remplacement peut être une chaîne ou une fonction à appeler pour chaque correspondance.


Si modèle est une chaîne de caractères, seule la première correspondance sera remplacée.


La chaîne de caractère originale reste inchangée.


Signature

<String>.replace(serchFor<String>|<RegExp>, ?replaceWith<String>|<Function>):<String>

Paramètres

@serchFor:

Un objet ou un littéral RegExp. La ou les correspondances sont remplacées par replaceWith ou par la valeur retournée par la fonction indiquée.

Ou

Une String qui est à remplacer. Seule la première occurrence sera remplacée.

@replaceWith:

La String qui remplace la chaîne de caractères indiquée par le paramètre serchFor

Ou

Une fonction à appeler pour créer la nouvelle sous-chaîne de caractères à utiliser.

Retour

Une nouvelle chaîne de caractères avec tout ou partie des correspondances du modèle remplacées par un remplacement.

Exemples

let chn = 'Twas the night before Xmas...';
let nouvChn = chn.replace(/xmas/i, 'Christmas');
console.log(nouvChn); // Twas the night before Christmas...

replacAll()

La méthode replaceAll() retourne une nouvelle chaîne de caractères dans laquelle toutes les occurrences d'un motif donné ont été remplacées par une chaîne de remplacement.


L'argument pattern fournit pour décrire le motif peut être une chaîne de caractères ou une expression rationnelle (RegExp), l'argument replacement peut être une chaîne de caractères ou une fonction qui sera appelée pour chaque correspondance.


Signature

<String>.replaceAll(serchFor<String>|<RegExp>, ?newStr<String>|<Function>):<String>

Paramètres

@serchFor:

Un objet ou un littéral RegExp. La ou les correspondances sont remplacées par replaceWith ou par la valeur retournée par la fonction indiquée.

Ou

Une String qui est à remplacer.

@replaceWith:

La String qui remplace la chaîne de caractères indiquée par le paramètre serchFor

Ou

Une fonction à appeler pour créer la nouvelle sous-chaîne de caractères à utiliser.

Retour

Une nouvelle chaîne avec toutes les occurrences trouvées remplacées par le pattern de remplacement.

Exemples

'a,b,c'.replacAll(",","-"); // 'a-b-c'

slice()

La méthode slice() extrait une section d'une chaine de caractères et la retourne comme une nouvelle chaine de caractères.


La chaîne de caractères courante n'est pas modifiée.


Signature

<String>.slice(debut<Number>, fin<Number>):<String>

Paramètres

@debut:

L'indice base 0 auquel commencer l'extraction.

Si négatif, il est traité comme (longueurSource + debut). où longueurSource est la longueur de la chaine de caractères par exemple:

  • si debut est -3, il sera traité comme longueurSource - 3.
  • Si debut est supérieur à la longueur de la chaîne, slice() renvoie une chaîne vide.

@fin:

Un indice base 0 avant lequel terminer l'extraction. Le caractère à cet indice ne sera pas inclus.

Si fin est absent, slice() extraira jusqu'à la fin de la chaine de caractères.

Si négatif, il sera traité comme (longueurSource + fin) où longueurSource est la longueur de la chaine de caractères

Retour

Une nouvelle chaîne de caractères contenant la section extraite de la chaîne.

Exemples

var chn1 = 'Le matin est sur nous.', // la longueur de chn1 est de 22
chn1.slice(1, 8); //e matin
chn1.slice(3, -2); // matin est sur nou
chn1.slice(13); // sur nous.
chn1.slice(30); // ""

split()

La méthode slice() divise une chaîne de caractères en une liste ordonnée de sous-chaînes, place ces sous-chaînes dans un tableau et retourne le tableau.


La division est effectuée en recherchant un motif, où le motif est fourni comme premier paramètre dans l'appel de la méthode.


Signature

<String>.split(separator<String|RegExp>, limit<Number>):<Array>

Paramètres

@separator:

Le motif décrivant où chaque séparation doit se produire. Le separator peut être une simple chaîne de caractères ou peut être une expression régulière.

  • Si separator n'est qu'un seul caractère ; il est utilisé pour diviser une chaîne délimitée.
  • Si separator contient plusieurs caractères, cette séquence de caractères entière doit être trouvée afin de diviser la chaîne.
  • Si separator est omis ou n'apparaît pas dans la chaîne str, le tableau retourné contient un élément constitué de la chaîne entière.
  • Si separator apparaît au début (ou à la fin) de la chaîne, il a quand même l'effet de division. Le résultat est une chaîne vide (c'est-à-dire de longueur nulle), qui apparaît à la première (ou dernière) position du tableau retourné.

@limit (Facultatif):

Un nombre entier non négatif spécifiant une limite sur le nombre de sous-chaînes à inclure dans le tableau.

S'il est fourni, il divise la chaîne de caractères à chaque occurrence du separator spécifié, mais s'arrête lorsque la limit (limite) d'entrées a été atteinte dans le tableau.

Tout texte restant n'est pas du tout inclus dans le tableau.

Retour

Un tableau (Array) qui contient les fragments de la chaîne de caractères, découpée en fonction du séparateur indiqué.

Exemples

'a;b;c'.split(';');// ['a', 'b', 'c']

Array

map

Fonction qui retourne un tableau modifier à travers une fonction donnée en paramètre

Signature

Array.map(callback):Array

Paramètres

@callback: fonction de transformation

function callback(element<A>, position<Number>, array<Array>):<B>

Retour

Nouveau tableau transfomé

Exemple

// Array
let fruits = [1, 2, 3, 4]; 

//Fonction de transformation callback
function doubleValeur(element, position, array){

// Retourne la nouvelle velaur de l'élément
  return element * 2;  

}

// Utilisation de la méthode
numbers.map(doubleValeur);// [2, 4, 6, 8]

1