Datové typy JavaScriptu (s příklady)

V tomto kurzu se na příkladech dozvíte o různých datových typech dostupných v JavaScriptu.

Jak naznačuje název, datové typy označují typy dat, které můžete použít ve svém programu. Například,

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

Tady,

  • 5 je celé číslo.
  • „Ahoj“ jsou data řetězce.

Datové typy JavaScriptu

V JavaScriptu je osm základních datových typů. Oni jsou:

Typy dat Popis Příklad
String představuje textová data 'hello', "hello world!"etc
Number celé číslo nebo číslo s plovoucí desetinnou čárkou 3, 3.234, 3e-2Atd.
BigInt celé číslo s libovolnou přesností 900719925124740999n, 1nAtd.
Boolean Libovolná ze dvou hodnot: true nebo false true a false
undefined datový typ, jehož proměnná není inicializována let a;
null označuje nullhodnotu let a = null;
Symbol datový typ, jehož instance jsou jedinečné a neměnné let value = Symbol('hello');
Object páry klíč – hodnota sběru dat let student = ( );

Zde jsou všechny datové typy kromě Objectprimitivních datových typů, zatímco Objectnejsou primitivní.

Poznámka:Object datového typu (non-primitivní typ) lze ukládat soubory dat, zatímco primitivní datový typ lze uložit pouze jeden datový.

Řetězec JavaScriptu

Stringslouží k ukládání textu. V JavaScriptu jsou řetězce obklopeny uvozovkami:

  • Jednotlivé uvozovky: 'Hello'
  • Dvojité uvozovky: "Hello"
  • Backticks: `Hello`

Například,

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

Jednoduché uvozovky a uvozovky jsou prakticky stejné a můžete použít kteroukoli z nich.

Backticks se obecně používají, když potřebujete do řetězce zahrnout proměnné nebo výrazy. To se provádí zabalením proměnných nebo výrazů, $(variable or expression)jak je uvedeno výše.

O použití zpětných kliků se dozvíte v kurzu String JavaScriptu.

Číslo JavaScriptu

Numberpředstavuje celé číslo a plovoucí čísla (desetinná a exponenciální). Například,

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

Typ číslo může být také +Infinity, -Infinitya NaN(není číslo). Například,

 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

V JavaScriptu může Numbertyp představovat pouze čísla menší než (2 53 - 1) a více než - (2 53 - 1) . Pokud však potřebujete použít větší počet, můžete použít BigIntdatový typ.

BigIntČíslo je vytvořen přidáním n na konci celé číslo. Například,

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

Výstup

 900719925124740999n Uncaught TypeError: Nelze kombinovat BigInt a jiné typy

Poznámka: BigInt byl představen v novější verzi JavaScriptu a není podporován mnoha prohlížeči včetně Safari. Navštivte podporu JavaScriptu BigInt a dozvíte se více.

Booleovský JavaScript

Tento datový typ představuje logické entity. Booleanpředstavuje jednu ze dvou hodnot: truenebo false. Je snazší si to představit jako přepínač ano / ne. Například,

 const dataChecked = true; const valueCounted = false;

Další informace o logických hodnotách se dozvíte v tutoriálu Porovnání JavaScriptu a Logické operátory.

JavaScript undefined

The undefined data type represents value that is not assigned. If a variable is declared but the value is not assigned, then the value of that variable will be undefined. For example,

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

It is also possible to explicitly assign a variable value undefined. For example,

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

Note: It is recommended not to explicitly assign undefined to a variable. Usually, null is used to assign 'unknown' or 'empty' value to a variable.

JavaScript null

In JavaScript, null is a special value that represents empty or unknown value. For example,

 const number = null;

The code above suggests that the number variable is empty.

Note: null is not the same as NULL or 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.

To také znamená, že proměnná může být jednoho datového typu a později ji lze změnit na jiný datový typ. Například,

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

Typ JavaScriptu

K vyhledání typu proměnné můžete použít typeofoperátor. Například,

 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"

Všimněte si, že se typeofvrátil "object"pro nulltyp. Toto je známý problém v JavaScriptu od jeho prvního vydání.

Zajímavé články...