Типът данни определя типа и поведението на данните – той казва на компилатора или интерпретатора как програмистът възнамерява да използва част от данни. Повечето езици за програмиране поддържат основни типове данни като число, булев, низ и т.н.

JavaScript поддържа осем типа данни: Number, BigInt, Boolean, String, Null, Undefined, Symbol и Object. В тази статия ще научите за всичките осем типа данни на JavaScript и как да ги използвате.

Типове данни на JavaScript

Типовете данни в JavaScript могат да бъдат най-общо класифицирани в две категории: примитивни типове данни и непримитивни типове данни. Обектът е непримитивен или сложен тип данни, а останалите са примитивни типове данни.

JavaScript е динамично въведен език, което означава, че типовете променливи се проверяват по време на изпълнение. Една и съща променлива може да съдържа стойности от различни типове по всяко време.

Например:

// x е низ
let x = "Здравей, свят";
// x е число
х = 100;
// x вече е булева
x = вярно;

Ако искате да намерите текущия тип данни на променлива, използвайте тип оператор.

instagram viewer
// x е низ
let x = "Здравей, свят";
console.log (typeof (x));
// x е число
х = 100;
console.log (typeof (x));
// x вече е булева
x = вярно;
console.log (typeof (x));

Изход:

низ
номер
булев

1. Тип номер на данни в JavaScript

Типът данни число в JavaScript използва IEEE-754 формат за представяне както на цели числа, така и на числа с плаваща запетая. Можете да извършвате много операции с числа в JavaScript като събиране, изваждане, деление, умножение и т.н. За да извършвате по-сложни операции, можете да използвате вградения Математически обект.

Някои примери за създаване на числа в JavaScript:

// Използване на литерална декларация
нека n1 = 100;
нека n2 = 456.234;
// Използване на конструктора Number().
нека n3 = Число (100);
// Преобразуване в цяло число
нека n4 = Number.parseInt("456.234");
// Преобразуване в float
нека n5 = Number.parseFloat("456.234");
нека n6 = Number.parseFloat("1.13e3");
// Унарно преобразуване в число
нека n7 = +"345";
console.log (n1);
console.log (n2);
console.log (n3);
console.log (n4);
console.log (n5);
console.log (n6);
console.log (n7);

Изход:

100
456.234
100
456
456.234
1130
345

Цели числа

Следното изявление създава променлива, съдържаща цяло число:

нека х = 21;

Ако искате да създадете осмични (база 8) литерали, трябва да използвате 0o префикс с последователността от осмични цифри (цифри от 0 до 7).

нека x = 0o53;
console.log (x);

Изход:

43

По същия начин, ако искате да създадете шестнадесетични (база 16) литерали, използвайте 0x префикс с последователността от шестнадесетични цифри (от 0 до 9 и от A до F).

нека x = 0x53;
console.log (x);

Изход:

83

Числа с плаваща запетая

Следното изявление създава променлива, съдържаща число с плаваща запетая:

нека х = 324,56;

Можете да използвате електронна нотация за представяне на много големи или много малки числа.

нека x = 1.13e6;
console.log (x);

Изход:

1130000

JavaScript предоставя и други специални числови стойности, които принадлежат на номер тип данни—NaN, Infinity и -Infinity.

  • NaN: NaN означава Не номер което означава невалиден номер. Например, ако разделите низ и число, резултатът ще бъде NaN.
    console.log("MakeUseOf"/10);
    Изход:
    NaN
    Интересното е, че NaN не е равен на нищо, включително на себе си.
    console.log (NaN == NaN);
    console.log (NaN == ("MakeUseOf"/10));
    console.log (NaN NaN);
    Изход:
    фалшиво
    фалшиво
    фалшиво
    Също така, ако математически израз някъде съдържа NaN, резултатът винаги е NaN.
  • Безкрайност и -Безкрайност: безкрайност и -Безкрайност представлява математическата и -∞ съответно.

2. Тип данни BigInt в JavaScript

BigInt е примитивен тип данни в JavaScript, който може да представлява цели числа с произволна точност. Тъй като типът числови данни не може да представлява стойности, по-големи от (2⁵³-1) или стойности по-малки от -(2⁵³-1), BigInt се използва в такива случаи за представяне на много големи или малки числа.

BigInt числата се използват рядко. Но ако наистина трябва да представите големи числа, напр. за криптография, изчисляване на факториала на големи числа, представляващи масата на слънцето, времеви печати с точност до микросекунди и така нататък, BigInt е това, което искате да използвам.

Можете да създадете BigInt стойност, като добавите н до края на цяло число или с помощта на конструктора.

нека big1 = 78649264972634817648747234872634876243862348763467547n;
нека big2 = BigInt("78649264972634817648747234872634876243862348763467547");
console.log (big1);
console.log (big2);

Изход:

78649264972634817648747234872634876243862348763467547n
78649264972634817648747234872634876243862348763467547n

Типът данни BigInt е сравнително скорошно допълнение към езика и в момента се поддържа от почти всички браузъри с изключение на Internet Explorer.

3. Булев тип данни в JavaScript

Булевият тип данни може да има две стойности: вярно и фалшиво. Булевите стойности са резултат от логически сравнения.

нека x1 = вярно;
console.log (x1);
нека x2 = !true;
console.log (x2);
нека x3 = !!true;
console.log (x3);
нека x4 = (false && true);
console.log (x4);
нека x5 = (false || true);
console.log (x5);
нека x6 = (2 == "2");
console.log (x6);
нека x7 = (2 "2");
console.log (x7);
нека x8 = (null неопределено);
console.log (x8);
нека x9 = (0 == "");
console.log (x9);
нека x10 = (100 > 12);
console.log (x10);

Изход:

вярно
фалшиво
вярно
фалшиво
вярно
вярно
фалшиво
фалшиво
вярно
вярно

Можете да преобразувате стойност от всеки друг тип данни в булев тип данни, като използвате булев() функция.

// Стрингове
console.log (Boolean(''));
console.log (Boolean('abc'));
console.log (Boolean('123'));
// Числа
console.log (Boolean (0));
console.log (Boolean (1));
console.log (Boolean(-1));
console.log (Boolean (NaN));
console.log (Boolean (Infinity));
// Други
console.log (Boolean([1, 2, 3]));
console.log (Boolean (недефиниран));
console.log (Boolean (null));

Изход:

фалшиво
вярно
вярно
фалшиво
вярно
вярно
фалшиво
вярно
вярно
фалшиво
фалшиво

4. Тип низ данни в JavaScript

Низът е последователност от нула или повече знака. Низовете в JavaScript са неизменни и се използват главно за представяне на текстови данни. Индексирането на низовете започва от 0, т.е. първият елемент е с индекс 0, вторият е с 1 и т.н.

Низовете трябва да бъдат заобиколени от кавички. Можете да използвате всеки от трите типа кавички, за да създадете низ: единични кавички, двойни кавички или обратни кавички.

Единичните и двойните кавички на практика правят същото, но низ, който започва с двойни кавички, трябва да завършва с двойни кавички. Същото правило важи и за единичните кавички.

нека str1 = "Здравей";
нека str2 = 'Здравей';
let str3 = "Как си?";
// Използване на \ за избягване на единичните кавички (')
let str4 = 'Как си?';

Backticks са шаблонни литерали и предоставят известна разширена функционалност. Можете да вграждате променливи, изрази и дори извиквания на функции в низа.

// Вграждане на променлива в низ
нека x = "Здравей";
let str1 = `${x}, как си?`;
console.log (str1);
// Вграждане на израз в низ
нека str2 = `Сборът от 20 + 30 е: ${20 + 30}`;
console.log (str2);
// Вграждане на извикване на функция в низ
функция изчислява сума (a, b) {
връщане на a + b;
}
нека str3 = `Сумата от 20 + 30 е: ${calculateSum (20, 30)}`;
console.log (str3);

Изход:

Здравейте, как сте?
Сборът от 20 + 30 е: 50
Сборът от 20 + 30 е: 50

JavaScript също така предоставя няколко String метода за манипулиране на низове.

5. Нулев тип данни в JavaScript

Нулевият тип данни има само една стойност: нула. Той представлява умишленото отсъствие на каквато и да е стойност на обекта.

нека n = нула;

Много програмисти се бъркат между null и undefined. Трудно е да се разбере разликата между null и undefined в JavaScript.

6. Недефиниран тип данни в JavaScript

Недефинираният тип е специален тип, което означава, че „стойността не е присвоена“. Когато декларирате променлива, но не я инициализирате, на променливата се присвоява недефинирана стойност.

нека х;
console.log (typeof (x));

Изход:

неопределено

Можете изрично да присвоите undefined на променлива, но е силно препоръчително да го избягвате.

Свързано: Методи за задаване на JavaScript, които трябва да овладеете днес

7. Тип данни за символ в JavaScript

Символът е уникална и неизменна примитивна стойност. Използва се главно за създаване на уникални идентификатори за обекти.

Можете да създадете символ с помощта на символ() функция. Той също така приема незадължително описание (име), но само за целите на отстраняване на грешки.

нека sym1 = Символ ();
нека sym2 = Символ ("данни");

В символ() функцията създава нова уникална стойност всеки път, когато бъде извикана, дори ако създадете символи със същото описание, стойностите ще бъдат различни.

console.log (Symbol() == Symbol());
console.log (Symbol("data") == Symbol("data"));

Изход:

фалшиво
фалшиво

Свързано: Методи за карта на JavaScript, които трябва да овладеете днес

8. Тип данни за обект в JavaScript

В JavaScript обектите са колекции от двойки ключ-стойност, където ключът е низ, а стойността може да бъде всеки тип данни.

Можете да създадете празен обект в JavaScript, като използвате синтаксиса "конструктор на обект" (нов обект()) или синтаксиса на "обектния литерал" (къдрави скоби {...}).

нека obj1 = нов обект();
нека obj2 = {};

Всеки обект съдържа незадължителен списък със свойства, където свойството е двойка ключ: стойност. Можете да получите достъп до стойностите от обекта, като използвате нотация с точки или нотация, подобна на масив (квадратни скоби).

нека obj = {
"ключ1": "стойност1",
"ключ2": "стойност2"
}
console.log (obj.key1);
console.log (obj["key2"]);

Изход:

стойност 1
стойност 2

Как работи JavaScript?

JavaScript е един от най-популярните езици за програмиране в мрежата днес. Можете да използвате JavaScript за създаване на уебсайтове, уеб приложения, сървърни приложения, игри, мобилни приложения и др. Достатъчно е да се каже, че можете да правите почти всичко, което измислите с JavaScript.

Но знаете ли как работи JavaScript под капака?

Какво е JavaScript и как работи?

Ако учите уеб разработка, ето какво трябва да знаете за JavaScript и как работи с HTML и CSS.

Прочетете Следващото

ДялTweetелектронна поща
Свързани теми
  • Програмиране
  • JavaScript
  • Програмиране
  • Съвети за кодиране
  • Уеб разработка
За автора
Юврадж Чандра (публикувани 72 статии)

Юврадж е студент по компютърни науки в Университета в Делхи, Индия. Той е страстен за Full Stack уеб разработка. Когато не пише, той изследва дълбочината на различните технологии.

Още от Yuvraj Chandra

Абонирайте се за нашия бюлетин

Присъединете се към нашия бюлетин за технически съвети, ревюта, безплатни електронни книги и ексклузивни оферти!

Щракнете тук, за да се абонирате