Τύποι δεδομένων JavaScript (με παραδείγματα)

Σε αυτό το σεμινάριο, θα μάθετε για τους διάφορους τύπους δεδομένων που διατίθενται στο JavaScript με τη βοήθεια παραδειγμάτων.

Όπως προτείνεται από το όνομα, οι τύποι δεδομένων αναφέρονται σε τύπους δεδομένων που μπορείτε να χρησιμοποιήσετε στο πρόγραμμά σας. Για παράδειγμα,

 const x = 5; const y = "Hello";

Εδώ,

  • Το 5 είναι ακέραιο στοιχείο.
  • Το "Hello" είναι δεδομένα συμβολοσειράς.

Τύποι δεδομένων JavaScript

Υπάρχουν οκτώ βασικοί τύποι δεδομένων σε JavaScript. Αυτοί είναι:

Τύποι δεδομένων Περιγραφή Παράδειγμα
String αντιπροσωπεύει δεδομένα κειμένου 'hello', "hello world!"κ.λπ.
Number ακέραιος ή αριθμός κινητής υποδιαστολής 3, 3.234, 3e-2Κ.λπ.
BigInt ένας ακέραιος με αυθαίρετη ακρίβεια 900719925124740999n, 1nΚ.λπ.
Boolean Οποιαδήποτε από τις δύο τιμές: true ή false true και false
undefined έναν τύπο δεδομένων του οποίου η μεταβλητή δεν έχει αρχικοποιηθεί let a;
null δηλώνει μια nullτιμή let a = null;
Symbol τύπος δεδομένων των οποίων οι παρουσίες είναι μοναδικές και αμετάβλητες let value = Symbol('hello');
Object ζεύγη κλειδιού-τιμής συλλογής δεδομένων let student = ( );

Εδώ, όλοι οι τύποι δεδομένων εκτός από Objectείναι πρωτόγονοι τύποι δεδομένων, ενώ Objectείναι μη πρωτόγονοι.

Σημείωση: Ο Objectτύπος δεδομένων (μη πρωτόγονος τύπος) μπορεί να αποθηκεύσει συλλογές δεδομένων, ενώ ο πρωτόγονος τύπος δεδομένων μπορεί να αποθηκεύσει μόνο ένα δεδομένο.

Συμβολοσειρά JavaScript

Stringχρησιμοποιείται για την αποθήκευση κειμένου. Στο JavaScript, οι συμβολοσειρές περιβάλλονται από εισαγωγικά:

  • Μεμονωμένα αποσπάσματα: 'Hello'
  • Διπλά εισαγωγικά: "Hello"
  • Backticks: `Hello`

Για παράδειγμα,

 //strings example const name = 'ram'; const name1 = "hari"; const result = `The names are $(name) and $(name1)`;

Μεμονωμένα και διπλά εισαγωγικά είναι σχεδόν τα ίδια και μπορείτε να χρησιμοποιήσετε οποιοδήποτε από αυτά.

Τα backticks χρησιμοποιούνται γενικά όταν πρέπει να συμπεριλάβετε μεταβλητές ή εκφράσεις σε μια συμβολοσειρά. Αυτό γίνεται με την αναδίπλωση μεταβλητών ή εκφράσεων $(variable or expression)όπως φαίνεται παραπάνω.

Θα μάθετε για τη χρήση των backticks στον οδηγό συμβολοσειράς JavaScript.

Αριθμός JavaScript

Numberαντιπροσωπεύει ακέραιους και κυμαινόμενους αριθμούς (δεκαδικά και εκθετικά). Για παράδειγμα,

 const number1 = 3; const number2 = 3.433; const number3 = 3e5 // 3 * 10^5

Ένας τύπος αριθμός μπορεί επίσης να είναι +Infinity, -Infinityκαι NaN(όχι ένας αριθμός). Για παράδειγμα,

 const number1 = 3/0; console.log(number1); // returns Infinity const number2 = -3/0; console.log(number2); // returns -Infinity // strings can't be divided by numbers const number3 = "abc"/3; console.log(number3); // returns NaN

JavaScript BigInt

Στο JavaScript, ο Numberτύπος μπορεί να αντιπροσωπεύει μόνο αριθμούς μικρότερους από (2 53 - 1) και περισσότερους από - (2 53 - 1) . Ωστόσο, εάν πρέπει να χρησιμοποιήσετε μεγαλύτερο αριθμό από αυτόν, μπορείτε να χρησιμοποιήσετε τον BigIntτύπο δεδομένων.

Ένας BigIntαριθμός δημιουργείται προσθέτοντας n στο τέλος ενός ακέραιου. Για παράδειγμα,

 // BigInt value const value1 = 900719925124740998n; // Adding two big integers const result1 = value1 + 1n; console.log(result1); // returns "900719925124740999n" const value2 = 900719925124740998n; // Error! BitInt and number cannot be added const result2 = value2 + 1; console.log(result2); 

Παραγωγή

 900719925124740999n Uncaught Type Σφάλμα: Δεν είναι δυνατή η ανάμιξη του BigInt και άλλων τύπων

Σημείωση: BigInt παρουσιάστηκε στη νεότερη έκδοση του JavaScript και δεν υποστηρίζεται από πολλά προγράμματα περιήγησης, συμπεριλαμβανομένου του Safari. Επισκεφτείτε την υποστήριξη JavaScript BigInt για να μάθετε περισσότερα.

Boolean JavaScript

Αυτός ο τύπος δεδομένων αντιπροσωπεύει λογικές οντότητες. Booleanαντιπροσωπεύει μία από τις δύο τιμές: trueή false. Είναι πιο εύκολο να το θεωρήσετε ως διακόπτη ναι / όχι Για παράδειγμα,

 const dataChecked = true; const valueCounted = false;

Θα μάθετε περισσότερα για τα booleans στο μάθημα Συγκρίσεων JavaScript και Logical Operators.

Απροσδιόριστο JavaScript

Ο undefinedτύπος δεδομένων αντιπροσωπεύει τιμή που δεν έχει εκχωρηθεί . Εάν μια μεταβλητή δηλώνεται αλλά η τιμή δεν έχει εκχωρηθεί, τότε η τιμή αυτής της μεταβλητής θα είναι undefined. Για παράδειγμα,

 let name; console.log(name); // returns undefined

Είναι επίσης δυνατό να εκχωρηθεί ρητά μια μεταβλητή τιμή undefined. Για παράδειγμα,

 let name = undefined; console.log(name); // returns undefined

Σημείωση: Συνιστάται να μην εκχωρήσετε ρητά undefinedσε μια μεταβλητή. Συνήθως, nullχρησιμοποιείται για την εκχώρηση τιμής «άγνωστη» ή «κενή» σε μια μεταβλητή.

Μηδενική JavaScript

Στο JavaScript, nullείναι μια ειδική τιμή που αντιπροσωπεύει κενή ή άγνωστη τιμή . Για παράδειγμα,

 const number = null;

Ο παραπάνω κώδικας υποδηλώνει ότι η μεταβλητή αριθμών είναι κενή.

Σημείωση : nullδεν είναι το ίδιο με το NULL ή το Null.

Σύμβολο JavaScript

This data type was introduced in a newer version of JavaScript (from ES2015).

A value having the data type Symbol can be referred to as a symbol value. Symbol is an immutable primitive value that is unique. For example,

 // two symbols with the same description const value1 = Symbol('hello'); const value2 = Symbol('hello');

Though value1 and value2 both contain 'hello', they are different as they are of the Symbol type.

Visit JavaScript Symbol to learn more.

JavaScript Object

An object is a complex data type that allows us to store collections of data. For example,

 const student = ( firstName: 'ram', lastName: null, class: 10 );

You will learn about JavaScript Objects in later tutorial.

JavaScript Type

JavaScript is a dynamically typed (loosely typed) language. JavaScript automatically determines the variables' data type for you.

Σημαίνει επίσης ότι μια μεταβλητή μπορεί να είναι ενός τύπου δεδομένων και αργότερα μπορεί να αλλάξει σε έναν άλλο τύπο δεδομένων. Για παράδειγμα,

 // data is of undefined type let data; // data is of integer type data = 5; // data is of string type data = "JavaScript Programming";

Τύπος JavaScript

Για να βρείτε τον τύπο μιας μεταβλητής, μπορείτε να χρησιμοποιήσετε τον typeofτελεστή. Για παράδειγμα,

 const name = 'ram'; typeof(name); // returns "string" const number = 4; typeof(number); //returns "number" const valueChecked = true; typeof(valueChecked); //returns "boolean" const a = null; typeof(a); // returns "object"

Παρατηρήστε ότι typeofεπέστρεψε "object"για τον nullτύπο. Αυτό είναι ένα γνωστό πρόβλημα στο JavaScript από την πρώτη κυκλοφορία του.

ενδιαφέροντα άρθρα...