JavaScript-gegevenstypen (met voorbeelden)

In deze tutorial leert u aan de hand van voorbeelden over de verschillende gegevenstypen die in JavaScript beschikbaar zijn.

Zoals de naam suggereert, verwijzen gegevenstypen naar soorten gegevens die u in uw programma kunt gebruiken. Bijvoorbeeld,

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

Hier,

  • 5 is een geheel getal.
  • "Hallo" is een string data.

JavaScript-gegevenstypen

Er zijn acht basisgegevenstypen in JavaScript. Zij zijn:

Gegevenstypen Omschrijving Voorbeeld
String vertegenwoordigt tekstuele gegevens 'hello', "hello world!"enz
Number een geheel getal of een getal met drijvende komma 3, 3.234, 3e-2Etc.
BigInt een geheel getal met willekeurige precisie 900719925124740999n, 1nenz.
Boolean Een van de twee waarden: true of false true en false
undefined een datatype waarvan de variabele niet is geïnitialiseerd let a;
null geeft een nullwaarde aan let a = null;
Symbol gegevenstype waarvan de instanties uniek en onveranderlijk zijn let value = Symbol('hello');
Object sleutel-waardeparen voor het verzamelen van gegevens let student = ( );

Hier zijn alle gegevenstypen behalve Objectprimitieve gegevenstypen, terwijl ze Objectniet-primitief zijn.

Opmerking: het Objectgegevenstype (niet-primitief type) kan gegevensverzamelingen opslaan, terwijl het primitieve gegevenstype slechts één gegevens kan opslaan.

JavaScript-tekenreeks

Stringwordt gebruikt om tekst op te slaan. In JavaScript worden strings omgeven door aanhalingstekens:

  • Enkele aanhalingstekens: 'Hello'
  • Dubbele aanhalingstekens: "Hello"
  • Backticks: `Hello`

Bijvoorbeeld,

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

Enkele aanhalingstekens en dubbele aanhalingstekens zijn praktisch hetzelfde en u kunt beide gebruiken.

Backticks worden over het algemeen gebruikt wanneer u variabelen of uitdrukkingen in een string moet opnemen. Dit wordt gedaan door variabelen of uitdrukkingen in te $(variable or expression)pakken zoals hierboven weergegeven.

U leert over het gebruik van backticks in de JavaScript String-zelfstudie.

JavaScript-nummer

Numberstaat voor gehele en drijvende getallen (decimalen en exponentiële getallen). Bijvoorbeeld,

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

Een aantal type kan ook +Infinity, -Infinityen NaN(geen nummer). Bijvoorbeeld,

 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

In JavaScript kan Numbertype alleen getallen vertegenwoordigen kleiner dan (2 53 - 1) en meer dan - (2 53 - 1) . Als u echter een groter aantal moet gebruiken, kunt u het BigIntgegevenstype gebruiken.

Een BigIntgetal wordt gemaakt door n toe te voegen aan het einde van een geheel getal. Bijvoorbeeld,

 // 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); 

Uitvoer

 900719925124740999n Uncaught TypeError: kan BigInt en andere typen niet combineren

Opmerking: BigInt is geïntroduceerd in de nieuwere versie van JavaScript en wordt niet ondersteund door veel browsers, waaronder Safari. Bezoek JavaScript BigInt-ondersteuning voor meer informatie.

JavaScript Boolean

Dit gegevenstype vertegenwoordigt logische entiteiten. Booleanstaat voor een van de twee waarden: trueof false. Het is gemakkelijker om het te zien als een ja / nee-schakelaar. Bijvoorbeeld,

 const dataChecked = true; const valueCounted = false;

U leert meer over booleans in de zelfstudie JavaScript-vergelijking en logische operatoren.

JavaScript niet gedefinieerd

Het undefinedgegevenstype vertegenwoordigt een waarde die niet is toegewezen . Als een variabele is gedeclareerd maar de waarde niet is toegewezen, dan is de waarde van die variabele undefined. Bijvoorbeeld,

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

Het is ook mogelijk om expliciet een variabele waarde toe te wijzen undefined. Bijvoorbeeld,

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

Opmerking: het wordt aanbevolen om niet expliciet undefinedaan een variabele toe te wijzen . Wordt meestal nullgebruikt om een ​​'onbekende' of 'lege' waarde aan een variabele toe te wijzen.

JavaScript null

In JavaScript nullis dit een speciale waarde die een lege of onbekende waarde vertegenwoordigt . Bijvoorbeeld,

 const number = null;

De bovenstaande code suggereert dat de numerieke variabele leeg is.

Opmerking : nullis niet hetzelfde als NULL of Null.

JavaScript-symbool

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.

Het betekent ook dat een variabele van het ene gegevenstype kan zijn en later kan worden gewijzigd in een ander gegevenstype. Bijvoorbeeld,

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

JavaScript-type van

Om het type variabele te vinden, kunt u de typeofoperator gebruiken. Bijvoorbeeld,

 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"

Merk op dat typeofterugkwam "object"voor het nulltype. Dit is een bekend probleem in JavaScript sinds de eerste release.

Interessante artikelen...