Scribd
Importer
2 vues1 page

Méthodes avancées en JavaScript

Ce document présente un TP sur les méthodes avancées des tableaux et les fonctions en JavaScript, avec des objectifs spécifiques tels que l'utilisation de map, filter, et reduce. Il propose une série d'exercices pratiques pour manipuler un tableau d'étudiants, incluant des tâches comme l'affichage des informations, le filtrage et le tri des données. Enfin, il inclut un exercice sur la création d'un mini-formulaire pour ajouter des étudiants au tableau.

Transféré par

Mohamed MB
Copyright
© All Rights Reserved
Nous prenons très au sérieux les droits relatifs au contenu. Si vous pensez qu’il s’agit de votre contenu, signalez une atteinte au droit d’auteur ici.
Formats disponibles
Téléchargez aux formats PDF, TXT ou lisez en ligne sur Scribd
2 vues1 page

Méthodes avancées en JavaScript

Ce document présente un TP sur les méthodes avancées des tableaux et les fonctions en JavaScript, avec des objectifs spécifiques tels que l'utilisation de map, filter, et reduce. Il propose une série d'exercices pratiques pour manipuler un tableau d'étudiants, incluant des tâches comme l'affichage des informations, le filtrage et le tri des données. Enfin, il inclut un exercice sur la création d'un mini-formulaire pour ajouter des étudiants au tableau.

Transféré par

Mohamed MB
Copyright
© All Rights Reserved
Nous prenons très au sérieux les droits relatifs au contenu. Si vous pensez qu’il s’agit de votre contenu, signalez une atteinte au droit d’auteur ici.
Formats disponibles
Téléchargez aux formats PDF, TXT ou lisez en ligne sur Scribd

EMSI 3IIR

TP 6 : Méthodes de tableaux & Fonctions avancées en JavaScript

Objectifs :

• Manipuler les méthodes avancées des tableaux (map, filter, reduce, find, sort, …)
• Utiliser des fonctions anonymes et fonctions fléchées (arrow functions)
• Appliquer ces notions sur des données structurées

Données de départ : let etudiants = [

{ nom: "Sara", age: 19, note: 14 },


{ nom: "Ali", age: 22, note: 9 },
{ nom: "Yassine", age: 18, note: 16 },
{ nom: "Omar", age: 21, note: 11 },
{ nom: "Aya", age: 20, note: 7 }
];

EXERCICE 1 — Parcours : Afficher chaque étudiant sous la forme :


"Nom - âge ans - note : X", en utilisant forEach() et une fonction anonyme.

EXERCICE 2 — map : Créer un tableau contenant les notes multipliées par 2 en utilisant map() et
une fonction fléchée.

EXERCICE 3 — map (noms) : Créer un tableau contenant uniquement les noms des étudiants.

EXERCICE 4 — filter : Créer un tableau contenant uniquement les étudiants ayant une note ≥ 12.

EXERCICE 5 — find : Trouver le premier étudiant ayant une note < 10.

EXERCICE 6 — sort : Trier les étudiants selon leur note (ordre décroissant).

EXERCICE 7 — reduce : Calculer la moyenne des notes du groupe.

EXERCICE 8 — some : Vérifier s’il existe au moins un étudiant majeur (âge ≥ 18).

EXERCICE 9 — every : Vérifier si tous les étudiants sont majeurs.

EXERCICE 10 — DOM + fonctions avancées : Créer un mini-formulaire avec :

• Un input nom
• Un input âge
• Un input note
• Un bouton Ajouter

Tâches :

1. Quand l’utilisateur clique sur Ajouter, créer un objet étudiant.


2. Ajouter cet étudiant au tableau etudiants.
3. Afficher la liste complète dans une liste <ul>.
4. Utiliser au minimum :

• une fonction fléchée


• une fonction anonyme
• forEach() + push()

Vous aimerez peut-être aussi