Micro-résumé de javascripts, en développement.


Voici un petit résumé de la syntaxe de JavaScript, au format OpenOffice.org.

Voici un micro-résumé non exhaustif du javascript.
Il sert d'aide-mémoire et de liens sur des références plus complètes.

Le code javascript doit être :

Convention de nommage des variables :
Pour reconnaitre facilement le type d'une variable, on commencera la variable par une ou des minuscules qui indiquent le type de la variable, puis une majuscule suivit d'autres caractères, qui indiquent la signification de la variable.

Pour pouvoir tester facilement les instructions ci-dessous, vous pouvez copier le code dans le testeur ici.
L'instruction non standard  Display(string);  a été rajoutée pour afficher des résultats.
Les affichages par DBW(string) et WinWrite(string) fonctionnent aussi.

// Ceci est un commentaire sur une ligne ou en fin de ligne.
/* Ceci est un commentaire
    sur plusieurs lignes. */

function nom_de_fonction(paramètre_1, paramètre_2, paramètre_3) { ... }

var nom_de_variable = valeur_numérique ou string ou new objet

affectation : variable_1 = variable_2

var nV1=13,   nV2=17;
var vV1=2.3,  vV2=7.5,  vV3=6.7,  vV4=7.95; 
if (nV1 == nV2) { Display("même valeur"); }
if (nV1 != nV2) { Display("différentes"); }
//
// Test si (vV1 plus petit ou égal à vV2)   ou  (vV3 plus grand que vV4)
if ((vV1 <= vV2) || (vV3 > vV4)) { 
  Display(vV1 + "<=" + vV2 + "  ou  " + vV3 + ">" + vV4); 
  } 
//
// Test si (vV1 plus petit que vV2)  et  (vV2 plus grand que vV3)
if ((vV1 < vV2) && (vV2 > vV3)) { 
  Display("(vV1 plus petit que vV2)   et  (vV2 plus grand que vV3)");
  }
   
if (nV1 != nV2) Display("différentes");
else            Display("même valeur");

for (var nCpt=1; nCpt<=15; nCpt++) { Display(nCpt + "  " + nCpt*nCpt); }

for (var nCompteur=1; nCompteur<6; nCompteur++) 
switch (nCompteur) {
  case (1) : Display("premier passage"); break;
  case (2) : Display("deuxième passage"); break;
  case (3) : Display("troisième passage"); break;
  default   : Display("plus de trois passages");
  }

var nCpt=0, nSum=0;
while (nSum < 69) {
  nCpt++;  // nCpt = nCpt+1;
  nSum += nCpt  // nSum = nSum + nCpt;
  Display(nCpt + "  " + nSum); 
  }

// Recherche de racine carrée approchée
var nCpt=0, nCarre=1005;
do {
  nCpt++;
  } while (nCpt*nCpt < nCarre) 
Display(nCpt + " * " + nCpt + " = " + nCpt*nCpt + " ~= " + nCarre);

function SommeInverses(nNbr) {
//============================
// retour la somme des inverses de 1 à nNbr
vSum = 0;
for (var nn=1; nn<=nNbr; nn++) vSum += 1/nn;
return vSum;
} // SommeInverses
//
Display(" 1 + 1/2 + ... + 1/14 = " + SommeInverses(14));

Référence sur une liste de mots clefs.

Syntaxe du JavaScript

Javascript est un langage de programmation "objet".

Voici une référence en français sur les objets.
Number (Anglais)
var n1 = 26,  n2 = 43,  n3 = 0;
n3 = n1 + n2;   n3 = n1 - n2;   n3 = n1 * n2;   n3 = n1 / n2;

// Pour convertir un string en nombre :
var vNbr = parseFloat("27.456");  Display(vNbr);
var nNbr = parseInt("27.456");  Display(nNbr);

String   String (Anglais) ,  Chaîne de caractères
var strS1 = "Ceci est une chaine de caractères",   strS2 = "chaine n° 2",   strS3 = "";
Display("longueur=" + strS1.length);

for (var nn=0; nn<strS2.length; nn++) Display(strS2.charAt(nn));
for (var nn=0; nn<strS2.length; nn++) Display(strS2[nn]);   // revient au même.
for (var nn=0; nn<strS2.length; nn++) Display(strS2[nn] + "  " + strS2.charCodeAt(nn));

Display(strS1.concat(strS2));
Display(strS1 + strS2);  // revient au même
strS3 = strS1 + strS2;   Display(strS3);

Display(strS1.indexOf("une") + "  " + strS1.indexOf("e") + "  " + strS1.lastIndexOf("e"));

Display(strS1.substr(9,12));
Display(strS1.substring(9,21));

Math   Math (Anglais) ,  mathématiques
var vNb1 = 3.1415,  vNb2 = 2.71828, vNb3 = 0;
var nEntier = 0;
var strS1 = "3.14 est presque égale à pi";

vNb3 = parseFloat(strS1);
nEntier = parseInt(strS1);
Display(vNb3 + "  " + nEntier);

Display(Math.sin(vNb1) + "  " + Math.cos(vNb1) + "  " + Math.round(vNb1) + "  " + Math.round(vNb2));
Display(Math.random());

Array   Array (Anglais) ,  tableaux
var anNombres = new Array(2, 3, 5, 7, 11, 13, 17, 19, 23, 29);
var astrVilles = new Array("Genève", "Fribourg", "Lausanne", "Zurich", "Berne");
Display(anNombres);
for (nn=anNombres.length-1; nn>=0;  nn--) Display(anNombres[nn]);

Display("Villes non triées= " + astrVilles);
astrVilles.sort();
Display("Villes triées=     " + astrVilles);
astrVilles.reverse();
Display("Villes triées=     " + astrVilles);

Date   Date (Anglais) ,  Dates
var astrJours = new Array("Dimanche", "Lundi", "Mardi", "Mercredi", "Jeudi", "Vendredi", "Samedi");
var dtMaintenant = new Date();
Display("jour= " + dtMaintenant.getDate() + 
        "  Mois= " + dtMaintenant.getMonth() + "  année= " + dtMaintenant.getFullYear());
Display("jour= " + dtMaintenant.getDay() + "  = " + astrJours[dtMaintenant.getDay()]);
Display("heure= " + dtMaintenant.getHours() + ":" + dtMaintenant.getMinutes() + ":" +
        dtMaintenant.getSeconds() + "." +  dtMaintenant.getMilliseconds());
Display("milisecondes = " + dtMaintenant.getTime());

var dtDemain = new Date();
dtDemain.setDate(dtMaintenant.getDate() + 1);
Display("Demain= " + dtDemain.getDay() + "  = " + astrJours[dtDemain.getDay()]);

var dtHier = new Date();
dtHier.setDate(dtMaintenant.getDate() - 1);
Display("Hier=   " + dtHier.getDay() + "  = " + astrJours[dtHier.getDay()]);

Display(dtMaintenant.toLocaleString());

Window ,  Fenêtre

Navigator ,  Navigateur

Screen

Location

Events   List des événements 

Il y a encore beaucoup d'autres objets, mais les principaux ont été vus ci-dessus.

Références et exemples concernant le javascript :

Références en français sur le javascript et les objets.

LA références en anglais sur le javascript et les objets.

Exemples et tutoriaux en français.

Exemples et tutoriaux en anglais, de LA référence de base.

Exemples et listes de mots réservés, d'événements et d'opérateurs en javascript.



Plan du Site : index.html    javascript.html    resume.html

Page mise à jour le 15 septembre 2009 par Bernard Gisin.
Hébergement par : www.educanet2.ch