JavaScript-datatyper (med eksempler)

I denne vejledning lærer du om de forskellige datatyper, der er tilgængelige i JavaScript ved hjælp af eksempler.

Som foreslået af navnet, datatyper refererer til typer af data, som du kan bruge i dit program. For eksempel,

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

Her,

  • 5 er et heltal.
  • "Hej" er en strengdata.

JavaScript-datatyper

Der er otte grundlæggende datatyper i JavaScript. De er:

Datatyper Beskrivelse Eksempel
String repræsenterer tekstdata 'hello', "hello world!"etc
Number et heltal eller et flydende tal 3, 3.234, 3e-2Etc.
BigInt et heltal med vilkårlig præcision 900719925124740999n, 1nEtc.
Boolean En af to værdier: sand eller falsk true og false
undefined en datatype, hvis variabel ikke er initialiseret let a;
null angiver en nullværdi let a = null;
Symbol datatype, hvis forekomster er unikke og uforanderlige let value = Symbol('hello');
Object nøgleværdipar af dataindsamling let student = ( );

Her er alle datatyper undtagen Objectprimitive datatyper, mens de Objectikke er primitive.

Bemærk: Den Objectdatatype (ikke-primitiv type) kan lagre samlinger af data, mens primitiv datatype kun kan lagre en enkelt data.

JavaScript-streng

Stringbruges til at gemme tekst. I JavaScript er strenge omgivet af anførselstegn:

  • Enkelt tilbud: 'Hello'
  • Dobbelt citater: "Hello"
  • Backticks: `Hello`

For eksempel,

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

Enkelt tilbud og dobbelt tilbud er praktisk talt de samme, og du kan bruge en af ​​dem.

Backticks bruges normalt, når du skal inkludere variabler eller udtryk i en streng. Dette gøres ved at indpakke variabler eller udtryk $(variable or expression)som vist ovenfor.

Du vil lære om brugen af ​​backticks i JavaScript String tutorial.

JavaScript-nummer

Numberrepræsenterer heltal og flydende tal (decimaler og eksponentialer). For eksempel,

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

En række type kan også være +Infinity, -Infinityog NaN(ikke et tal). For eksempel,

 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

I JavaScript kan Numbertypen kun repræsentere tal mindre end (2 53 - 1) og mere end - (2 53 - 1) . Men hvis du har brug for et større antal end det, kan du bruge BigIntdatatypen.

Et BigInttal oprettes ved at tilføje n til slutningen af ​​et heltal. For eksempel,

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

Produktion

 900719925124740999n Ikke fanget Type Fejl: Kan ikke blande BigInt og andre typer

Bemærk: BigInt blev introduceret i den nyere version af JavaScript og understøttes ikke af mange browsere inklusive Safari. Besøg JavaScript BigInt support for at lære mere.

JavaScript boolsk

Denne datatype repræsenterer logiske enheder. Booleanrepræsenterer en af ​​to værdier: trueeller false. Det er lettere at tænke på det som en ja / nej-switch. For eksempel,

 const dataChecked = true; const valueCounted = false;

Du lærer mere om booleans i vejledningen JavaScript-sammenligning og logiske operatører.

JavaScript udefineret

Den undefineddatatype repræsenterer værdi, der ikke er tildelt . Hvis en variabel erklæres, men værdien ikke tildeles, vil værdien af ​​denne variabel være undefined. For eksempel,

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

Det er også muligt eksplicit at tildele en variabel værdi undefined. For eksempel,

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

Bemærk: Det anbefales ikke at eksplicit tildele undefinedtil en variabel. nullBruges normalt til at tildele en variabel 'ukendt' eller 'tom' værdi.

JavaScript null

I JavaScript nuller en særlig værdi, der repræsenterer en tom eller ukendt værdi . For eksempel,

 const number = null;

Koden ovenfor antyder, at nummervariablen er tom.

Bemærk : nuller ikke det samme som NULL eller Null.

JavaScript-symbol

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.

Det betyder også, at en variabel kan være af en datatype, og senere kan den ændres til en anden datatype. For eksempel,

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

JavaScript type af

For at finde typen af ​​en variabel kan du bruge typeofoperatoren. For eksempel,

 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"

Bemærk, at typeofreturneres "object"til nulltypen. Dette er et kendt problem i JavaScript siden dets første udgivelse.

Interessante artikler...