Les propriétés calculées en javascript

Le nom de la propriété d’un objet peu s’écrire de trois manières différentes :

  • Avec des guillemets :
const user = {
  "firstName": "John"
};

console.log(user); // { firstName: "John" }
  • Sans guillemets :
const user = {
  firstName: "John"
};

console.log(user); // { firstName: "John" }
  • Avec des crochets
const userInfo = "First name";

const user = {
  [userInfo]: "John"
};

console.log(user); // { First name: "John" }

Cette dernière façon correspond à un nom de propriété dit calculée car le nom de cette propriété correspond à une variables qui peut contenir une valeur de n’importe quel type (chaîne de caractère, nombre, fonction, etc…)

Voici un exemple de propriété calculée avec une fonction :

const userInfo = (firstName) => {
    return firstName;
};

const user = {
    [userInfo("John")]: "Doe"
}

console.log(user); // { John: 'Doe' }

Laisser un commentaire