Discussion :

[hindou90]

Bonjour,
Je suis débutante en Javascript.
Je me boque sur un exercice, déjà même dans la phase de conception, bon voilà l'énoncé de l'exercice:
Créer un tableau qui contiendra des noms d'équipes tapés dans une fenêtre ou dans une zone de texte ainsi leur nombre de points dans le championnat. Ecrir une fonction de tri de ces tableaux par ordre décroissante des scores. Vous obtiendrez alors le classement de votre championnat.

Si j'étais en C, j'allais créer drectement un tableau de structure.
et comme Javascript est un langage Orienté Objet, alors structure = Classe.
J'ai pensé d'abord à créer une classe "equipe" puis à chaque ajout d'une équipe j'instance un objet mais le problème c'est comment lier ces objet (le cas d'un tableau).

Je serais très reconnaissante si quelqu'un pourriez m'aider .

[Willpower]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
var classement = [
    {equipe:"real",score:2},
    {equipe:"om",score:3},
    {equipe:"sg",score:1},
    {equipe:"montpellier",score:5}
];
 
function tri(tableau){
	tableau.sort(function(a,b){return b.score-a.score;});
}
 
function affiche(tableau){
	for(var i=0;i<tableau.length;i++)
		document.write(tableau[i].equipe,'|',tableau[i].score,'<br/>');
}
 
tri(classement);
affiche(classement);

[hindou90]

Merci pour la réponse!
dites-mi s'il vous plait, est ce que classement joue le même rôle que "strucute" ?
Là vous faites la saisie manuellement, alors que c'est l'utilisateur qui va entrer les donnée;
pour lire un classement, je met classement.equipe ,c'est bien ça ?

[hindou90]

et comment s'il vous plait identifier le ligne du classement => indice ?

[Willpower]

et comment s'il vous plait identifier le ligne du classement => indice ?

dans ce cas j'ai créé un tableau (Array) d'objets.

un tableau en javascript se déclare :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
[elem1,elem2,elem3,etc...]

ou

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
new Array(elem1,elem2,elem3,etc...);

j'ai donc déclaré une variable que j'ai nommé "classement"

var classement

à laquelle j'ai assigné mon nouveau tableau.

les éléments du tableau peuvent être (un peu prêt) n'importe quoi, du simple string

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
["nom1","nom2","nom3"]

ou des objects

un objet javascript s'instancie soit via une instance d'une fonction(équivalent de classe) :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
 
function class1(){
  this.name = "lol";
}
var monObject = new ma_fonction();

ou bien à l'aide des accolades avec le nom des attributs et leurs valeur comme suit : {attr1:value,attr2:value,etc...}

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
var monObject = {name:"lol"};

les éléments de mon classements sont tous ici des objets contenant 2 attributs "equipe" et "score"

pour lire le nième élément d'un tableau, il suffit de faire : tableau[n]

dans notre cas :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
classement[0]; // renverra le premier élémént du tableau 
// donc dans notre cas:  {equipe:"real",score:2} avant le tri 
// et : {equipe:"montpellier",score:5} après le tri

pour lire l'attribut d'un objet il suffit de faire : objet.attribut
donc dans notre exemple après tri :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
classement[0].equipe; // renverra "montpellier" (notre première équipe)

pour le saisi manuelle faut voir de quelle façon tu désires "entrer" les valeurs.

par exemple on peut concevoir que classement est par défaut un tableau vide :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

var classement = [];

et que dans ta page html, tu aies un formulaire qui rajoutera les équipes et leurs scores :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
<form id="ajouter">
  <input type="text" name="equipe" />
  <input type="text" name="score" />
  <input type="button" id="ajout" value="ajouter" />
</form>

Code js :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
function ajouter(){
    classement.push({equipe:document.forms['ajouter'].elements['equipe'].value,score:document.forms['ajouter'].elements['score'].value});
}
document.forms['ajouter'].elements['ajout'].onclick = ajouter;

en conclusion: si c'est un projet pour un cours, t'as intérêt à rudement bien étudier avant ton examen !

[hindou90]

bonjour,

je vous remercie beaucoup pour avoir pris le temps de répondre de cette façon détaillé.
Alors je ne vois pas qur vous avez utilisé le mot clé "array", pourquoi ?
s'il vous plait, où est ce que on définit les champs de notre tableau, dans l'objet c'est ça ?
voilà mon essaie, qui ne donne rien lorsque je l'exécute :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
 
<html>
	<script language="javasript">
	cp=0;
	function instance()
	{
		String equipe;
		int score;	
	}
	var Tab_equipe[] = new instance();
	function ajouter()
	{
	Tab_equipe={equipe:document.f1.equipe.value,equipe:document.f1.score.value}
	cp++;	
	}
 
 
	</sript>	
<form id="f1">
  		<input type="text" name="equipe" />
  		<input type="text" name="score" />
  		<input type="button" id="ajout" value="ajouter" onclick="ajouter"/>
	</form>
</html>

Si j'ai bien compris votre derbièr code, push joue le même rôle que la fonction ajouter, c'est correct ?

Concernant votre fonction "tri', pourquoi vous avez appelé "fonction(a,b)" et à quoi sert cette dernière ?

en conclusion: si c'est un projet pour un cours, t'as intérêt à rudement bien étudier avant ton examen

Oui absolument, car j'ai tout mélangé dans la tête
Merci infiniment