Présenté par : M.

Oussama BOUISFI

TP 1 - Javascript, Programmation Orienté Objet, Manipulation des

tableaux

Objectif du TP :
1. Comprendre et utiliser la programmation orientée objet en JavaScript (classes et
interfaces).
2. Utiliser les fonctions fléchées.
3. Manipuler les tableaux avec les fonctions push, pop, shift, indexOf et splice.
4. Comprendre et utiliser les blocs try / catch / finally pour la gestion des erreurs.

Partie 1 : Programmation orientée objet

1- Créez un nouveau component : tpOne

2- Créez un routing associé dans le fichier app.routes.ts

Le reste de TP s’effectue au niveau du component : tp-one.component.ts

3- Créez une classe Car avec les propriétés suivantes:

● manufacturer
● model
● color

Ensuite, créez une instance de Car : Ford Focus red

Ajoutez une fonction showCar à la classe Car qui affiche la marque, le modèle et la couleur
de la voiture. (utiliser un arrow function).
 Présenté par : M. Oussama BOUISFI

Partie 2 : Manipulation de tableaux

Créez un tableau de voitures. Ensuite, ajoutez 5 nouvelles voitures en utilisant la fonction
push :

- Voiture : BMW X3 blue

- Voiture : Renault Megane gris
- Voiture : Audi A3 white
- Voiture : Dacia duster black
- Voiture : Audi A3 green

1- Supprimez la première voiture du tableau avec la fonction shift.

2- Trouvez les voitures “Audi A3” et supprimez-les.

=> Résultat final de tableau est :

[Car(Renault Megane gris), Car(Dacia duster black)]

Partie 3 : Try / Catch / Finally

Ajoutez une fonction changeColor à la classe Car qui prend une nouvelle couleur en
paramètre et la définit comme la nouvelle couleur de la voiture.
Utilisez un bloc try/catch pour attraper any error qui pourrait se produire dans la fonction,
si la nouvelle couleur n'est pas un string par exemple.