Typy danych JavaScript (z przykładami)

W tym samouczku za pomocą przykładów dowiesz się o różnych typach danych dostępnych w JavaScript.

Jak sugeruje nazwa, typy danych odnoszą się do typów danych, których możesz używać w swoim programie. Na przykład,

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

Tutaj,

  • 5 to liczba całkowita.
  • „Hello” to ciąg danych.

Typy danych JavaScript

W JavaScript istnieje osiem podstawowych typów danych. Oni są:

Typy danych Opis Przykład
String reprezentuje dane tekstowe 'hello', "hello world!"etc
Number liczba całkowita lub zmiennoprzecinkowa 3, 3.234, 3e-2Itd.
BigInt liczba całkowita o dowolnej precyzji 900719925124740999n, 1nItd.
Boolean Dowolna z dwóch wartości: prawda lub fałsz true i false
undefined typ danych, którego zmienna nie została zainicjowana let a;
null oznacza nullwartość let a = null;
Symbol typ danych, którego instancje są unikalne i niezmienne let value = Symbol('hello');
Object pary klucz-wartość gromadzenia danych let student = ( );

Tutaj wszystkie typy danych z wyjątkiem Objectsą pierwotnymi typami danych, podczas gdy Objectnie są pierwotne.

Uwaga: Typ Objectdanych (typ inny niż pierwotny) może przechowywać kolekcje danych, podczas gdy typ danych pierwotnych może przechowywać tylko pojedyncze dane.

Ciąg JavaScript

Stringsłuży do przechowywania tekstu. W JavaScript ciągi są otoczone cudzysłowami:

  • Pojedyncze cytaty: 'Hello'
  • Podwójne cudzysłowy: "Hello"
  • Backticks: `Hello`

Na przykład,

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

Pojedyncze i podwójne cudzysłowy są praktycznie takie same i możesz użyć dowolnego z nich.

Backticks są zwykle używane, gdy chcesz dołączyć zmienne lub wyrażenia do ciągu. Odbywa się to poprzez zawijanie zmiennych lub wyrażeń, $(variable or expression)jak pokazano powyżej.

Dowiesz się o używaniu znaków odwrotnych w samouczku JavaScript String.

Numer JavaScript

Numberreprezentuje liczby całkowite i zmiennoprzecinkowe (dziesiętne i wykładnicze). Na przykład,

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

Typ liczba może być również +Infinity, -Infinityi NaN(nie liczba). Na przykład,

 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

W JavaScript Numbertyp może reprezentować tylko liczby mniejsze niż (2 53 - 1) i większe niż - (2 53 - 1) . Jeśli jednak potrzebujesz użyć większej liczby, możesz użyć BigInttypu danych.

BigIntNumer jest utworzony przez dodanie N do końca całkowitej. Na przykład,

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

Wynik

 900719925124740999n Uncaught TypeError: Nie można łączyć BigInt z innymi typami

Uwaga: BigInt zostało wprowadzone w nowszej wersji JavaScript i nie jest obsługiwane przez wiele przeglądarek, w tym Safari. Odwiedź stronę wsparcia JavaScript BigInt, aby dowiedzieć się więcej.

JavaScript Boolean

Ten typ danych reprezentuje jednostki logiczne. Booleanreprezentuje jedną z dwóch wartości: truelub false. Łatwiej jest myśleć o tym jako o przełączniku tak / nie. Na przykład,

 const dataChecked = true; const valueCounted = false;

Dowiesz się więcej na temat wartości logicznych w samouczku Porównanie JavaScript i operatory logiczne.

JavaScript niezdefiniowany

Typ undefineddanych reprezentuje wartość, która nie jest przypisana . Jeśli zadeklarowano zmienną, ale wartość nie została przypisana, wówczas wartość tej zmiennej będzie undefined. Na przykład,

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

Możliwe jest również jawne przypisanie wartości zmiennej undefined. Na przykład,

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

Uwaga: nie zaleca się jawnego przypisywania undefineddo zmiennej. Zwykle nullsłuży do przypisywania „nieznanej” lub „pustej” wartości do zmiennej.

JavaScript null

W JavaScript nullto specjalna wartość, która reprezentuje pustą lub nieznaną wartość . Na przykład,

 const number = null;

Powyższy kod sugeruje, że zmienna number jest pusta.

Uwaga : nullto nie to samo, co NULL lub Null.

Symbol 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.

Oznacza to również, że zmienna może mieć jeden typ danych, a później można ją zmienić na inny typ danych. Na przykład,

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

Typ JavaScript

Aby znaleźć typ zmiennej, możesz użyć typeofoperatora. Na przykład,

 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"

Zwróć uwagę, że typeofpowrócił "object"dla nulltypu. Jest to znany problem w JavaScript od czasu jego pierwszego wydania.

Interesujące artykuły...