Discussion :

[md100]

Bonjour à tous, j'ai besoin de votre aide...
J'ai un tableau tel que celui-ci :

Code :

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

1
2
3
4
5
6
7
8
var unTableauEtudiant = [
        new eleve('a', 'aa', 18, 12, 13, 10, 15),
        new eleve('b', 'bb', 19, 14, 12, 14, 12),
        new eleve('c', 'cc', 17, 13, 19, 10, 8),
        new eleve('d', 'dd', 20, 15, 10, 15, 9),
        new eleve('e', 'ee', 21, 16, 13, 18, 10),
 
    ];

la première colonne correspond à son nom, la deuxième son prénom, la troisième son âge.
Les quatres dernières colonnes correspondent à différentes notes.

L'objectif étant d'afficher la plus grande note de ce tableau, et aussi, la note la plus faible (donc 19 et 8).

J'ai essayé pas mal de choses, en utilisant 2 for par exemple, mais je n'y arrive pas...
Cependant, j'y arrives lorsque le tableau contient qu'une seule ligne (tab = [1,2,3,4,9,7] par exemple), mais pas ici...

Merci pour votre aide..

[psychadelic]

faudrait d'abord définir à quoi correspond

new eleve( xxx ),

c'est visiblement un objet, mais dans ce cas de quelles méthodes on dispose?

Je suis parti sur cette hypothèse:

Code Javascript :

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
25
26
27
28
29
30
31
32
33
34
class eleve {
  constructor(nom, prénom, age, note1, note2, note3, note4) {
    this.nom    = nom;
    this.prenon = prénom;
    this.age    = age;
    this.notes  = [ note1, note2, note3, note4 ]
    }
  get noteMax() { 
    return Math.max(...this.notes )
    }
  get noteMin() {
    return Math.min(...this.notes )
    }
  get whoIs() {
    return `${this.nom} - ${this.prenon} - ${this.age}ans `
    }
  }
 
 
const unTableauEtudiant
      = [ new eleve('a', 'aa', 18, 12, 13, 10, 15)
        , new eleve('b', 'bb', 19, 14, 12, 14, 12)
        , new eleve('c', 'cc', 17, 13, 19, 10, 8)
        , new eleve('d', 'dd', 20, 15, 10, 15, 9)
        , new eleve('e', 'ee', 21, 16, 13, 18, 10)
        ];
const notesMaxMin = unTableauEtudiant.reduce((r,e)=>
  {
  if ( r.max < e.noteMax) { r.max = e.noteMax; r.elevMax = e.whoIs }
  if ( r.min > e.noteMin) { r.min = e.noteMin; r.elevMin = e.whoIs }
  return r;
  }, {max:0, elevMax:'', min:Number.POSITIVE_INFINITY, elevMin:''} )
 
console.log( notesMaxMin )  // { max: 19, elevMax: "c - cc - 17ans ", min: 8, elevMin: "c - cc - 17ans " }

[SpaceFrog]

Code :

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

1
2
3
4
5
6
7
var unTableauEtudiant = [
new eleve('a', 'aa', 18, 12, 13, 10, 15),
new eleve('b', 'bb', 19, 14, 12, 14, 12),
new eleve('c', 'cc', 17, 13, 19, 10, 8),
new eleve('d', 'dd', 20, 15, 10, 15, 9),
new eleve('e', 'ee', 21, 16, 13, 18, 10),
];

tu peux créer une fonction de tri personnalisée basée sur une propriété de ton objet ...
prop étant la propriété de l'objet eleve sur la quelle tu souhaites effectuer le tri

Code :

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

1
2
3
4
 
function sortStudent(a,b){
return (a.prop>b.prop)?1:-1;
}

puis tu fais un sort sur ton array

Code :

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

unTableauEtudiant.sort('sortStudent')

tu peux alors récupérer le plus grand (dernier element du tableau)

[javatwister]

Salut,

et aussi:

Code javascript :

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

1
2
3
4
5
6
const s=new Set();
unTableauEtudiant.forEach(v=>{v.notes.forEach(x=>s.add(x))});
const mini=[...s].sort((a,b)=>a-b)[0]
const maxi=[...s].sort((a,b)=>b-a)[0]
 
console.log(mini+" => "+ maxi)

[md100]

faudrait d'abord définir à quoi correspond

c'est visiblement un objet, mais dans ce cas de quelles méthodes on dispose?

Je suis parti sur cette hypothèse:

Code Javascript :

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
25
26
27
28
29
30
31
32
33
34
class eleve {
  constructor(nom, prénom, age, note1, note2, note3, note4) {
    this.nom    = nom;
    this.prenon = prénom;
    this.age    = age;
    this.notes  = [ note1, note2, note3, note4 ]
    }
  get noteMax() { 
    return Math.max(...this.notes )
    }
  get noteMin() {
    return Math.min(...this.notes )
    }
  get whoIs() {
    return `${this.nom} - ${this.prenon} - ${this.age}ans `
    }
  }
 
 
const unTableauEtudiant
      = [ new eleve('a', 'aa', 18, 12, 13, 10, 15)
        , new eleve('b', 'bb', 19, 14, 12, 14, 12)
        , new eleve('c', 'cc', 17, 13, 19, 10, 8)
        , new eleve('d', 'dd', 20, 15, 10, 15, 9)
        , new eleve('e', 'ee', 21, 16, 13, 18, 10)
        ];
const notesMaxMin = unTableauEtudiant.reduce((r,e)=>
  {
  if ( r.max < e.noteMax) { r.max = e.noteMax; r.elevMax = e.whoIs }
  if ( r.min > e.noteMin) { r.min = e.noteMin; r.elevMin = e.whoIs }
  return r;
  }, {max:0, elevMax:'', min:Number.POSITIVE_INFINITY, elevMin:''} )
 
console.log( notesMaxMin )  // { max: 19, elevMax: "c - cc - 17ans ", min: 8, elevMin: "c - cc - 17ans " }

Salut ! merci pour ton aide,
Alors déjà oui j'avais créer une fonction eleve comme tu l'as fait au début (j'avais oublié de le préciser), donc ton hypothèse est bonne ..
Sinon, j'ai essayé ton code, mais malheureusement lorsque j'affiche, j'obtiens [object, Object] ... peut-être parce que j'affiche mal ?
Pour mon affichage j'utilise :

Code :

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

document.getElementById("demo3").innerHTML = "=>" + notesMaxMin

[SpaceFrog]

On sent le gaz ?

[md100]

On sent le gaz ?

j'essaye de comprendre le code et de le mettre dans mon programme, 2 minutes désolé j'ai un peu de mal mdr

[md100]

Code :

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

1
2
3
4
5
6
7
var unTableauEtudiant = [
new eleve('a', 'aa', 18, 12, 13, 10, 15),
new eleve('b', 'bb', 19, 14, 12, 14, 12),
new eleve('c', 'cc', 17, 13, 19, 10, 8),
new eleve('d', 'dd', 20, 15, 10, 15, 9),
new eleve('e', 'ee', 21, 16, 13, 18, 10),
];

tu peux créer une fonction de tri personnalisée basée sur une propriété de ton objet ...
prop étant la propriété de l'objet eleve sur la quelle tu souhaites effectuer le tri

Code :

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

1
2
3
4
 
function sortStudent(a,b){
return (a.prop>b.prop)?1:-1;
}

puis tu fais un sort sur ton array

Code :

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

unTableauEtudiant.sort('sortStudent')

tu peux alors récupérer le plus grand (dernier element du tableau)

Merci pour ta réponse !
Mais ici vraiment je comprends pas par quoi je remplace le prop,
Tu dit c'est la propriété de l'objet eleve ?
Mais si je veux sortir la note Maximale de tout les élèves ?

Sinon j'ai ça :

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
   function eleve(nom, prenom, age, note1, note2, note3, note4) {
        this.nom = nom;
        this.prenom = prenom;
        this.age = age;
        this.note1 = note1;
        this.note2 = note2;
        this.note3 = note3;
        this.note4 = note4;
    }
 
 
    var unTableauEtudiant = [
        new eleve('a', 'aa', 18, 12, 13, 10, 15),
        new eleve('b', 'bb', 19, 14, 12, 14, 12),
        new eleve('c', 'cc', 17, 13, 19, 10, 8),
        new eleve('d', 'dd', 20, 15, 10, 15, 9),
        new eleve('e', 'ee', 21, 16, 13, 18, 10),
 
    ];
 
    function sortStudent(a,b){
        return (a.prop>b.prop)?1:-1;
    }

Merci bcp

[md100]

Salut,

et aussi:

Code javascript :

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

1
2
3
4
5
6
const s=new Set();
unTableauEtudiant.forEach(v=>{v.notes.forEach(x=>s.add(x))});
const mini=[...s].sort((a,b)=>a-b)[0]
const maxi=[...s].sort((a,b)=>b-a)[0]
 
console.log(mini+" => "+ maxi)

Salut, merci pour la réponse,
Je peut placer ce code sous mon tableau directement ? Car j'ai pas compris ton code ici..
je maitrise pas du tout le forEach

[SpaceFrog]

Si tu nous montre à quoi ressemble un new eleve() ...

[md100]

Si tu nous montre à quoi ressemble un new eleve() ...

Bah le new eleve() je l'utilise pour créer un sous tableau pour chaque nouvel étudiant

Code :

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

1
2
3
4
5
6
7
8
 var unTableauEtudiant = [
        new eleve('a', 'aa', 18, 12, 13, 10, 15),
        new eleve('b', 'bb', 19, 14, 12, 14, 12),
        new eleve('c', 'cc', 17, 13, 19, 10, 8),
        new eleve('d', 'dd', 20, 15, 10, 15, 9),
        new eleve('e', 'ee', 21, 16, 13, 18, 10),
 
    ];

[danielhagnoul]

La solution proposée par @psychadelic est bonne, c'est l'exploitation des résultats qui vous déroutent.

Voici une variante plus simple :

Code JavaScript :

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
25
26
27
28
29
30
31
32
33
34
35
36
37
    class eleve {
        constructor(nom, prénom, age, note1, note2, note3, note4) {
            this.nom = nom;
            this.prenon = prénom;
            this.age = age;
            this.notes = [note1, note2, note3, note4]
        }
        get noteMax() {
            return Math.max(...this.notes)
        }
        get noteMin() {
            return Math.min(...this.notes)
        }
        get whoIs() {
            return `${this.nom} - ${this.prenon} - ${this.age} ans `
        }
    }
 
    const etudiants = [
        new eleve('a', 'aa', 18, 12, 13, 10, 15), 
        new eleve('b', 'bb', 19, 14, 12, 14, 12), 
        new eleve('c', 'cc', 17, 13, 19, 10, 8), 
        new eleve('d', 'dd', 20, 15, 10, 15, 9), 
        new eleve('e', 'ee', 21, 16, 13, 18, 10)
    ];
 
    for(const etudiant of etudiants){
        console.log(etudiant.whoIs, etudiant.noteMin, etudiant.noteMax);
    }
 
    /*
    a - aa - 18 ans  10 15
    b - bb - 19 ans  12 14
    c - cc - 17 ans  8 19
    d - dd - 20 ans  9 15
    e - ee - 21 ans  10 18
    */

[md100]

Ah ouii je vois ! Merci beaucoup

C'est résolu ... bonne journée à vous

[SpaceFrog]

non mais tu ne nous montre pas à quoi ressemble un eleve() ... quelle est sa structure? quelles sont ses proritétés ???
tu nous montres juste tes instanciations avec new ... ça ne nous dit pas ce qu'il y a dedans ton eleve() ...

[md100]

non mais tu ne nous montre pas à quoi ressemble un eleve() ... quelle est sa structure? quelles sont ses proritétés ???
tu nous montres juste tes instanciations avec new ... ça ne nous dit pas ce qu'il y a dedans ton eleve() ...

Ah bah si sur mon premier message (le sujet), j'ai dit à quoi correspondait chaque colonne : new eleve(nom, prenom, age, note 1, note2, note3, note4)

[javatwister]

Salut, merci pour la réponse,
Je peut placer ce code sous mon tableau directement ? Car j'ai pas compris ton code ici..
je maitrise pas du tout le forEach

Ben en fait, je partais de l'hypothèse de @psychadelic, avec la propriété notes comme tableau de valeurs.
Donc je proposais juste une alternative sans avoir à ajouter de méthodes à l'objet

Code javascript :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
function eleve (nom, prénom, age, note1, note2, note3, note4){
    this.nom    = nom;
    this.prenon = prénom;
    this.age    = age;
    this.notes  = [note1, note2, note3, note4]
}
 
const s=new Set();
unTableauEtudiant.forEach(v=>{v.notes.forEach(x=>s.add(x))});
const mini=[...s].sort((a,b)=> a-b)[0]
const maxi=[...s].sort((a,b)=> b-a)[0]
 
console.log(mini+" => "+ maxi)

Mais c'était juste pour m'amuser hein!

[SpaceFrog]

donc si tu veux trier par age prop = age,

Code :

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

1
2
3
function sortStudent(a,b){
return (a.age>b.age)?1:-1;
}

si tu veux trier par nom prop = nom

Code :

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

1
2
3
function sortStudent(a,b){
return (a.nom>b.nom)?1:-1;
}

[psychadelic]

Alors déjà oui j'avais créer une fonction la classe d'objets eleve comme tu l'as fait au début (j'avais oublié de le préciser)


Sinon, j'ai essayé ton code, mais malheureusement lorsque j'affiche, j'obtiens [object, Object] ... peut-être parce que j'affiche mal ?

Code :

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

document.getElementById("demo3").innerHTML = "=>" + notesMaxMin

vaudrait mieux coder :

Code :

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

1
2
document.getElementById("demo3").textContent = `=> note max: ${notesMaxMin.max} (eleve: ${notesMaxMin.elevMax})`
                                             + `,  note min: ${notesMaxMin.min} (eleve: ${notesMaxMin.elevMin})`;

parce qu'effectivement notesMaxMin est un objet contentenant les réponses { max, elevMax, min, elevMin }.




J'ai aussi amélioré le code en utilisant (Paramètres du reste https://developer.mozilla.org/fr/doc...8tres_du_reste
ce qui permet d'avoir autant de notes que l'on veut pour les élèves...

ce qui donne

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
25
26
27
28
29
30
31
32
33
34
class eleve {
  constructor(nom, prénom, age, ...notes) {
    this.nom    = nom;
    this.prenon = prénom;
    this.age    = age;
    this.notes  = [ ...notes ]
    }
  get noteMax() { 
    return Math.max(...this.notes )
    }
  get noteMin() {
    return Math.min(...this.notes )
    }
  get whoIs() {
    return `${this.nom} - ${this.prenon} - ${this.age}ans `
    }
  }
 
const unTableauEtudiant
      = [ new eleve('Paul',   'McCartney', 18/*ans, notes ->*/, 12, 13, 10, 15)
        , new eleve('George', 'Harrison',  19/*ans, notes ->*/, 14, 12, 14, 12)
        , new eleve('Ringo',  'Starr',     17/*ans, notes ->*/, 13, 19, 10,  8)
        , new eleve('John',   'Lennon',    20/*ans, notes ->*/, 15, 10, 15,  9)
        , new eleve('Jimi',   'Hendrix',   27/*ans, notes ->*/, 16, 13, 18, 10, 500 )
        ];
const notesMaxMin = unTableauEtudiant.reduce((r,e)=>
  {
  if ( r.max < e.noteMax) { r.max = e.noteMax; r.elevMax = e.whoIs }
  if ( r.min > e.noteMin) { r.min = e.noteMin; r.elevMin = e.whoIs }
  return r;
  }, {max:0, elevMax:'', min:Number.POSITIVE_INFINITY, elevMin:''} )
 
document.getElementById("demo3").innerHTML = `=> note max: ${notesMaxMin.max}  (eleve: ${notesMaxMin.elevMax})`
                                             + `<br>=>  note min: ${notesMaxMin.min}  (eleve: ${notesMaxMin.elevMin})`;

et tout ça pour ne gagner aucun pouce positif

[javatwister]

vaudrait mieux coder :

Code :

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

1
2
document.getElementById("demo3").textContent = `=> note max : ${notesMaxMin.max} (${notesMaxMin.elevMax})`
                                             + `,  note min : ${notesMaxMin.min} (${notesMaxMin.elevMin})`;

parce qu'effectivement notesMaxMin est un objet contentenant les réponses { max, elevMax, min, elevMin }.


et tout ça pour ne gagner aucun pouce positif

N'oublions pas: tout ça c'est pour le fun

[psychadelic]

N'oublions pas: tout ça c'est pour le fun

c'est plus fun quand on a des plus, vu que dès que l'on met un truc [même innocent] qui déplaît on se choppe tout de suite des moins