👻
Docs & code snippets
  • Page 1
  • GIT
    • Commandes principales
  • SCSS
    • Mixins, extensions, functions
    • Boucles
    • Animations CSS
  • JAVASCRIPT
    • Objets
    • Class
    • If / else
    • Switch
    • For
    • While
    • try / catch (tester une erreur)
    • Functions
    • Méthodes d'instances / statique
    • DOM manipulation
    • Events
    • Fetch
    • Asynchrone & event loop
Powered by GitBook
On this page
  1. JAVASCRIPT

Objets

Exemple d'un objet, et de comment accéder à ses données.

1 - Méthode avec la notation pointée (dot notation) :

let myBook = {
    title: "L'Histoire de Tao",
    author: "Will Alexander",
    numberOfPages: 250,
    isAvailable: true
};
let bookTitle = myBook.title;  // "L'Histoire de Tao"
let bookPages = myBook.numberOfPages  // 250

2 - Méthode avec la notation bracket (bracket notation) :

let myBook = {
   title: "L'Histoire de Tao",
   author: "Will Alexander",
   numberOfPages: 250,
   isAvailable: true
};
let bookTitle = myBook["title"];  // "L'Histoire de Tao"
let bookPages = myBook["numberOfPages"];  // 250

L'intérêt ici c’est qu’on va pouvoir mettre entre bracket une variable qui contient en string le nom de la propriété que l’on souhaite atteindre. Par exemple :

let myBook = {
   title: "L'Histoire de Tao",
   author: "Will Alexander",
   numberOfPages: 250,
   isAvailable: true
};
let propertyToAccess = "title";
let bookTitle = myBook[propertyToAccess];  // "L'Histoire de Tao"
PreviousAnimations CSSNextClass

Last updated 2 years ago