Υπολογιζόμενες Ιδιότητες στο JavaScript

Κατά τη δήλωση ενός αντικειμένου, τα ονόματα των ιδιοτήτων του μπορούν να λαμβάνονται από μεταβλητές. Τέτοιες ιδιότητες ονομάζονται υπολογιζόμενες. Ας δούμε πώς γίνεται αυτό. Ας υποθέσουμε ότι έχουμε το ακόλουθο αντικείμενο:

javascriptlet obj = {
  a: 1,
  b: 2,
  c: 3
};

Ας υποθέσουμε ότι το όνομα μιας ιδιότητας αποθηκεύεται σε μια μεταβλητή:

javascriptlet key = 'a';

Ας κάνουμε έτσι ώστε αντί για το όνομα της ιδιότητας να λαμβάνεται η τιμή από τη μεταβλητή μας. Για αυτό η μεταβλητή πρέπει να περικλείεται σε αγκύλες:

javascriptlet obj = {
  [key]: 1,
  b: 2,
  c: 3
};

Κατά τη δήλωση υπολογιζόμενων ιδιοτήτων μπορείτε να εκτελέσετε κάποιον κώδικα. Παράδειγμα:

javascriptlet obj = {
  [key + '1']: 1,
  [key + '2']: 2,
  [key + '3']: 3
};

javascriptlet key = 'x';

let obj = {
  key: 1,
  y: 2,
  z: 3
};

javascriptlet obj = {
  x: 1,
  y: 2,
  z: 3
};

javascriptlet key1 = 'x';
let key2 = 'y';
let key3 = 'z';