Aller au menu - Aller au contenu

[Plan du site] Vous êtes ici --- > Le Site du Zéro > Les tutoriels > Non-Officiels > Site Web > Javascript > Apprenez le Javascript ! > Intermédiaire > Des choses à savoir > Lecture du tutoriel

Des choses à savoir

Vous vous apprêtez à lire un tutoriel rédigé par un membre de ce site. Malgré tout le soin que ce membre a pu apporter au tutoriel, nous ne pouvons pas garantir que les informations contenues sur cette page sont exactes à 100%. Merci de garder cela en tête lorsque vous lirez cette page ;o)
Avatar
Auteur : ZoZor
Visualisations : 14 404

Plus d'informations Plus d'informations
Après un deuxième TP, nous allons enchaîner par un troisième revenir à des choses moins concrètes. Vous allez apprendre quelques petits trucs bons à savoir que j'avais préféré ne pas vous dévoiler, de peur que ça soit l'embrouille complète dans votre tête.

Au coeur de ce chapitre : La condition avec if et else. Je vous avais caché quelques "astuces" pas indispensables mais assez utiles.

Vous êtes prêts ?
Sommaire du chapitre :
Icône du chapitre
Chapitre précédent Sommaire Chapitre suivant

La condition if

Je vais vous rappeler un petit peu comment se présente une condition (au cas ou vous auriez oublié).
Code : JavaScript
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
if(condition)
{
action 1;
action 2;
...
}
else
{
action 5;
action 6;
...
}

Jusque là, vous étiez obligé de mettre un else et des accolades. Mais il faut que vous sachiez que l'utilisation de la méthode if...else peut varier de temps en temps.

Plus de besoin de else !



Dans certains cas, vous n'avez besoin de rien mettre dans else. Pourquoi ne pas l'enlever s'il est inutile ? C'est ce que je vais vous montrer. Imaginons que je veuille faire un script qui affiche : "Mot de passe trouvé !" quand le mot de passe est trouvé, mais si le passe entré n'est pas le bon, qu'il n'affiche rien. Avant, vous deviez faire comme ceci.
Code : JavaScript
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
var code_secret = 'secret';
var code_visiteur = prompt('Quel est le mot de passe ?');

if(code_visiteur == code_secret)
{
alert('Tu as trouvé le mot de passe !');
}
else
{
}

J'espère que vous avez compris comment ça marche, rien de très compliqué ici. Seulement voilà, écrire un else pour rien, c'est énervant.Alors, pourquoi ne pas s'en passer ? Vous allez voir ça fait exactement la même chose, sauf que dans un cas, le code est moins long et vous perdez moins de temps à l'écrire, et dans l'autre, non.
Code : JavaScript
1
2
3
4
5
6
7
var code_secret = 'secret';
var code_visiteur = prompt('Quel est le mot de passe ?');

if(code_visiteur == code_secret)
{
alert('Tu as trouvé le mot de passe !');
}

Et les accolades ?



Enfin, il y a une méthode à savoir dans l'utilisation de if et else, c'est que les accolades ne sont pas forcement obligatoires. Cela veut dire que dans certains cas, vous êtes obligés de les mettre ! Quand on peut les enlever, c'est qu'il n'y a qu'une seule action effectuée. Regardez bien le script suivant, et comptez le nombre d'action(s) qu'il y a entre les accolades.
Code : JavaScript
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
if(chiffre > 97+1)
{
alert('Salut !');
alert('Comment ça va ?');
}
else
{
alert('Hello !');
alert('How are you ?');
}
Dans ce script, il y a deux actions entre chacune des accolades. Dans l'accolade du if, il y a deux alertes, donc, il y a bien deux actions. Il en va de même pour le else. Maintenant, comptez le nombre d'action(s) qui se trouvent entre les accolades.
Code : JavaScript
1
2
3
4
5
6
7
8
if(chiffre > 97+1)
{
alert('Salut !');
}
else
{
alert('Hello !');
}

Là, il y a bien une action entre les accolades du if, et une autre dans les accolades du else. On peut donc supprimer les accolades, regardez bien.
Code : JavaScript
1
2
3
4
5
if(chiffre > 97+1)
 alert('Salut !');

else
 alert('Hello !');

Personnellement, je n'aime pas trop utiliser cette technique, car je trouve que ça rend le code un peu moins clair, question d'habitude. Mais encore une fois, si vous utilisez cette méthode, je ne vous en voudrais pas ;) .

Et voilà, c'est fini, maintenant vous savez vraiment tout sur les conditions. Nous allons désormais passer aux chaînes de caractères.

Les chaînes de caractères

Vous voilà arrivés aux string, c'est un chapi...
Des string ? Ce n'est pas un sous-chapitre sur les chaînes de caractères, par hasard ?

Oui, oui, sur les chaînes de caractères. Jusque là, nous les appelions "chaînes de caractères", ce qui était un peu long, et pas très professionnel. Maintenant, on va remplacer ce mot ringard par string. Je vous rassure, ce n'est pas moi qui l'ai inventé ; en informatique, ça s'appelle bien comme ça ! Retenez bien qu'une chaîne de caractères, c'est un string, car à partir d'ici je ne vais plus parler de chaîne de caractères mais de string (il y a juste le mot qui change).

Jusque là, je ne m'étais pas trop exprimé sur les string, mais étant un sujet assez "complexe", je préfère vous en parler un petit peu ici, le reste vous sera dévoilé plus loin dans le cours.

Dans ce sous-chapitre, nous allons voir ce que sont les différentes sortes de string. En effet, avant, nous n'avions utilisé que des string déclarés avec une apostrophe. Je ne vous avais pas parlé de l'autre type qui se déclare avec des guillemets. Le voici dans un exemple.
Code : JavaScript
1
2
document.write('Ceci est un string avec des apostrophes<br/>');
document.write("Ceci est un string avec des guillemets<br/>");

Retenez bien un truc entre ces deux types de string : il n'y a aucune différence entre eux ! Une fois le string déclaré, c'est un string. Bon, c'est un peu flou ce que je dis, mais vous allez comprendre dans l'exemple.
Code : JavaScript
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
var string1 = 'salut';
var string2 = "salut";

if(string1 == string2)
{
alert(string1+' est la même chose que '+string2);
}
else
{
alert(string1+' n\'est pas la même chose que '+string2);
}

Eh oui, c'est déjà fini ! Il n'y avait pas grand chose à dire, mais c'était quand même important.

Pour le sous-chapitre sur les string, vous n'avez presque rien appris de nouveau. C'est normal, car c'était pour vous introduire doucement sur le chapitre qui portera entièrement dessus dans la partie III.

Bon. Ça paraît pas comme ça, mais vous êtes déjà à la fin de la partie II ! Avant de passer à la partie suivante, je vous conseille de revoir en vitesse les chapitres qui vous semblent un peu flous, et surtout de relire le chapitre sur les formulaires, très important.

Bonne relecture, et à très bientôt dans la partie suivante !
Chapitre précédent Sommaire Chapitre suivant
Retour en haut Retour en haut


Créé : le 28/06/2006 à 21:30:15
Modifié : le 22/08/2008 à 15:52:25
Avancement : 100%
Licence : Copie non autorisée

Changer de design | En savoir plus | Plan du site | Politique d'accessibilité | Règles | RSS tutoriels | RSS news | XHTML 1.0 | CSS 2.0
Édité par Simple IT SARL : Nous contacter | Revue de presse | Publicité

Y'a plus rien à lire, faut remonter maintenant !

Hébergement web - Correction de tutoriels - Créer un site
Vous souhaitez apparaître ici ? Contactez-nous.

Nombre de connectés 356 Zéros connectés | Requêtes SQL 8 requêtes | Temps de génération de la page : Total (SQL) 0.0227s (0.0103s)