session-10

Les différents types

Vous l'avez vu la semaine dernière: en programmation pour mémoriser une valeur on utilise des variables. Ces variables peuvent avoir plus types de données.

Voici les types de données primitifs :

• Nombre entier (Integer): 1
• Nombre décimal (Float): 3.1415
• Texte (String): "Jonathan !"
• Booléen (Boolean): true ou false

Voici les types de données composites :

• Tableau (Array): [1, 2, 3, 4]
• Objet (Objets): { nom: "Romera", prenom: "Pierre", age: 28 }

Des types dans d'autres types

Les types composites (tableaux et objets) énumèrent chacun à leur manières des valeurs. Ces valeurs peuvent être de n'importe quel type (primitif ou composite).

Ici un objet qui sert à définir une personne:

var prof = {
  nom: "Romera",
  prenom: "Pierre",
  age: 28,
  pointure: 39.5,
  cheveux: 'brun',
  chauve: false,
  myope: true
}

Ou alors une collection de personnes:

var profs = [   
  {
    nom: "Bonnard",
    prenom: "Jules",
    age: 26,
    pointure: 42.5,
    cheveux: 'blonds',
    chauve: false,
    myope: false
  },
  {
    nom: "Romera",
    prenom: "Pierre",
    age: 28,
    pointure: 39.5,
    cheveux: 'bruns',
    chauve: false,
    myope: true
  }
]

Les possibilités sont infinies:

var chat = {
  prenom: "Yoko",
  couleurs: ["blanc", "marron", "noir"],
  age: 2,
  proprietaire: {
    prenom: "Pierre",
    nom: "Romera",
    metiers: ["Développeur", "Journaliste"],
    animaux: 1,
    employeur: {
      nom: "ICIJ",
      localisation: "Washington DC, USA"
    }
  }
}

Accédez aux données des types composites

Pour lire les valeurs d'un tableur on utilise un index qui commence à 0.

var couleurs = ["blanc", "marron", "noir"]

couleurs[0] // => "blanc"
couleurs[2] // => "noir"
couleurs[10] // => undefined!

Pour lire les valeurs d'un objet on utilise le nom de chaque propriété:

chat.prenom // => "Yoko"
chat.age // => 2

On peut utiliser une notation différente pour obtenir les mêmes valeurs:

chat["prenom"] // => "Yoko"

var ma_cle = "age"
chat[ma_cle] // 2

Pour atteindre une valeur qui n'est pas au premier niveau d'un objet composite on suit la même logique mais en enchaînant les notations:

chat.couleurs[0] // => "blanc"
chat.couleurs[1] // => "marron"
chat.proprietaire.prenom // => "Pierre"
chat.proprietaire.metiers[0] // => "Développeur"
chat.proprietaire.employeur.nom // => "ICIJ"

Data

Number of victims of text-message fraud by province (Canada):

• Source: Canadian Anti-Fraud Centre
• Data (CSV): data/number-victims-text-message-fraud-2016.csv
• Graphique: Bar chart

U.S. Unemployment Rate, 2006-2017:

• Source: Bureau of Labor Statistics
• Data (CSV): data/us-unemployment-rate-2006-2017.csv
• Graphique: Line chart

Trust in media reporting:

• Source: Infratest dimap
• Data (CSV): data/trust-in-media-reporting-2015.csv
• Graphique: Multi-bar chart

Convertissez ces données avec Mr Data Converter afin de les intégrer aux graphiques du dossier /charts.