Types de données

En JavaScript, il existe plusieurs types de données dont voici les plus communs.

Chaîne de caractères (String)

• Les chaînes de caractères commencencent et finissent par des guillemets doubles ou simples.
• L'opérateur de concaténation en JS est le +

           
// Déclaration d'une variable contenant une chaîne de 
// caractères avec des guillemets doubles.
const bonjourDoubleQuotes = "Bonjour";

// Déclaration d'une variable contenant une chaîne de
// caractères avec des guillemets simples.
const bonjourSimpleQuotes = 'Bonjour';

// Pour concaténer des chaînes de caractères, il faut utiliser le symbole +.
const concat = bonjourSimpleQuotes + " tout le monde !";
           
       

Nombres (Number)

• En JavaScript, le type de données permettant de modéliser les nombres est Number.
• Ce type recouvre les nombres entiers comme décimaux, positifs comme négatifs.

              
// Déclaration d'une variable contenant un nombre entier.
const nombreEntier = 10;

// Déclaration d'une variable contenant un nombre décimal.
const nombreDecimal = 10.5;

// Opérations mathématiques sur les nombres.
const addition = 5 + 5; // Donne 10
const soustraction = 5 - 5; // Donne 0
const multiplication = 5 * 5; // Donne 25
const division = 5 / 5; // Donne 1
const modulo = 5 % 5; // Donne 0
            
        

Booléens (Boolean)

• Les booléens sont des valeurs qui peuvent être soit true soit false.

            
// Déclaration d'une variable contenant un booléen.
const bool = true;
            
        

Tableaux indexés (Array)

• Le tableau indexé est un type de donnée qui permet de stocker plusieurs valeurs dans une seule variable.
• On déclare un tableau avec le symbole [ ] et on y met des valeurs séparées par des virgules.
• Les valeurs d'un tableau sont stockées dans des index qui commencent à 0.

            
// Déclaration d'un tableau.
const saladeDeFruits = ["pomme", "poire", "fraise", "raclette"];

// Récupération d'une valeur du tableau.
const monFruitFavori = saladeDeFruits[3]; // Récupère la valeur "raclette"
            
        

Tableaux "associatifs" (Object)

• Les tableaux "associatifs" sont des types de données qui permettent de stocker plusieurs valeurs dans une seule variable.
• Ils sont déclarés avec le symbole { }, on y met des valeurs identifiées par des clés et séparées par des virgules.

            
// Déclaration d'un tableau "associatif".
const utilisateur = {
    nom: "Jean",
    prenom: "Michel",
    age: 25
};


// Récupération d'une valeur d'un tableau "associatif".
const monNom = utilisateur.nom; // Récupère la valeur "Jean"
// On peut aussi utiliser les crochets pour récupérer la valeur.
const monPrenom = utilisateur["prenom"]; // Récupère la valeur "Michel"
            
        

Exercices

Pour ces exercices, il faudra utiliser le fichier js/types.js.
Dans ce fichier, tu trouveras mes blessures et mes faiblesses deux tableaux.

1. Afficher dans la console une phrase contenant le nom et le prénom du personnage en utilisant le tableau personnage.
2. Afficher dans la console la rue où habite le personnage.
3. En utilisant les deux tableaux personnage et villes, afficher dans la console le nom de la ville où habite le personnage.