JavaScript

Bases

• commentaires

// ...

/* ... */

• déclaration et affectation d’une variable : let a = 12; (ou var a = 12;)
• déclaration et affectation d’une constante : const pi = 3.14;
• affichage dans la console :

console.log("Hello World!");
console.log(a);
console.log(`Pi vaut ${pi}`)

• typage dynamique :

let somme = a + pi;
console.log("a + pi = " + somme)

• conversion explicite :

const h = "5";
console.log(h + 1);     // Concaténation : affiche "51"
const i = Number("5");
console.log(i + 1);     // Addition numérique : affiche 6

• affichage d’un champs de saisie : const input= prompt("Enter input");
• affichage d’une boîte de dialogue : alert("Text");
• opérations booléennes :

  ===		Egal à
  !==		Différent de
  <		Inférieur à
  <=		Inférieur ou égal à
  > 		Supérieur à
  >=		Supérieur ou égal à
  

• logique combinatoire :

&& ET
|| OU
!  NON

• structure conditionnelle :

if (condition) {
}
else {
}

• switch :

switch (expression) {
case valeur1:
  *
  break;
case valeur2:
  *
  break;
default:
  *
}

• boucles :

let i = borne_inf;
while (i <= borne_sup) {
    //
	i++;
}

for (let i = borne_inf; i <= borne_sup; i++) {
	//
}

Fonctions

• déclaration de fonction :

function functionName() {
	//
    // un éventuel return
}

// fonctions anonymes

// expression de fonction
const maVariable = function(param1, param2) {
	//
}
maVariable(arg1, arg2);

// fonction fléchée
const maVariable = (param1, param2) => {
    //
}
maVariable(arg1, arg2);
// /!\ possible d'enlever les { } pour mettre directement une expression

Objets

• création d’un objet :

syntaxe littérale

const object = {
  key: value,
  *
};

• ajout d’une nouvelle clé : object.newkey = value;

• déclaration d’une méthode :

const object = {
  key: value,

  method() {
  	return this.key;
  }
};

Tableaux

• création d’un tableau :

const tab = [value1, value2, valueN];
// les valeurs peuvent être de différents types

• taille d’un tableau : tab.Lenght
• parcours d’un tableau :

for (let i = 0; i < tab.length; i++) {
  // tab[i]
}

tab.forEach(el => {
  // el
});

for (const el of tab) {
  // el
}

• ajout d’un élément en fin : tab.push(new_el);

• ajout d’un élément en début : tab.unshift(new_el);

• suppression du dernier élément : tab.pop();

• suppression de n éléments à partir de l’indice i : tab.splice(i, n);

Chaînes de caractères

• mise en majuscule d’une chaîne : str.toUpperCase();

• mise en minuscule d’une chaîne : str.toLowerCase();

• comparaison de chaînes : str === "text"

• transformation d’une chaîne en tableau : const tab = Array.from(str);

• recherche d’un motif dans une chaîne : str.indexOf(pattern);

• recherche d’un motif en début de chaîne : str.startsWith(pattern);
• recherche d’un motif en fin de chaîne : str.endsWith(pattern);
• décomposition de chaîne : str.split(char);

Classes

• création de classe :

class Classe {
  constructor(key1) {
    this.key1 = key1;
    this.key2 = init_value;
  }

  method() {
    return `${this.key1}, ${this.key2}`;
  }
}

• création d’un objet avec prototype :

const object1 = { key: value };				// object1.key === value
const object2 = Object.create(object1);		// object2.key === value
const object3 = Object.create(object2);		// object3.key=== value