Типы данных JavaScript (с примерами) - httpdoc.ru

Типы данных JavaScript - примитивные и непримитивные

Типы данных JavaScript используются для указания 'type' значения, хранящегося в переменной, например integer , character и т. Д.

Типы типов данных в JavaScript

В JavaScript есть два типа типов данных:

  1. Примитивный тип данных
  2. Непримитивный тип данных

JavaScript - это динамический язык, т.е. нет необходимости указывать 'type' переменную, потому что она динамически (автоматически) используется движком JavaScript. Вам просто нужно использовать var для указания типа данных. Он может содержать значения любого типа, такие как числа, строки, логические значения и т. Д.

Синтаксис:

var a = 40; // сохранить числовые значения   
        var b = "Rahul"; // удерживаем строку

Примитивные типы данных JavaScript

Примитивные типы данных JavaScript могут hold only one value at a time .

В JavaScript есть 3 типа примитивных типов данных:

Тип данных Описание
Число Представляет числовые значения, например 10.
Нить представляет собой последовательность символов, например «Привет».
Логический Представляет логическое значение True или False.

Тип данных числа JavaScript

JavaScript тип данных номера используется для обозначения positive или negative номера с или без десятичного знака.

Пример
<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <title> JavaScript Number DataType </title> 
</head> 
<body>
    <script>
    // Creating variables
    var a = 25;
    var b = 75.5;
    var c = 4.25e+6;
    var d = 4.25e-6;
    
    // Printing variable values
    document.write(a + "<br>");
    document.write(b + "<br>");
    document.write(c + "<br>");
    document.write(d);
    </script>
</body>
</html>

Выход

JavaScript Number DataType 25
75,5
4250000
0,00000425

Тип данных Номер также включает в себя некоторые специальные значения , которые являются: Infinity , -Infinity и NaN (не число). Бесконечность представляет собой математическую бесконечность , которая больше любого числа. Бесконечность - это результат деления ненулевого числа на 0 , как показано ниже:

Пример
<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <title> JavaScript Infinity & NAN Number DataType </title> 
</head> 
<body>
    <script>
    document.write(1.7976931348623157E+10308);
    document.write("<br>");
    document.write(-1.7976931348623157E+10308);
    document.write("<br>");
    document.write("Some text" / 2);
    document.write("<br>");
    document.write("Some text" / 2 + 10);
    document.write("<br>");
    document.write(Math.sqrt(-1));
    document.write("<br>");
    document.write(10/"text");    
    </script>
</body>
</html>

Выход

JavaScript Infinity & NAN Number DataType Бесконечность
-Infinity
NaN
NaN
NaN
NaN

Тип данных JavaScript String

Тип данных String может содержать несколько символов в последовательности, например «Ansh», «Roger».

Пример
<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <title> JavaScript String DataType </title> 
</head> 
<body>

<script>
 document.write( "CSS " + 3 + "<br>");
 document.write( "HTML " + 5 + "<br>");
 document.write( "Bootstrap " + 4 + "<br>");

</script>

</body>
</html>

Выход

JavaScript String DataType Example CSS 3
HTML 5
Bootstrap 4

Примечание. При добавлении числа и строки JavaScript всегда будет рассматривать число как строку.

Логический тип данных JavaScript

Тип данных JavaScript Boolean может содержать только два значения: true или false . Обычно он используется для хранения таких значений, как да (истина) или нет (ложь), включено (истина) или выключено (ложь) и т. Д.

Пример
<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <title> JavaScript Boolean DataType </title> 
</head> 
<body>
    <script>
    // Creating variables
 var isPlaying = true;   // Yes, I'm Playing
 var isEating = false; // No, I'm not Eating
    
    // Printing variable values
 document.write(isPlaying + "<br>");
 document.write(isEating);
    </script>
</body>
</html>

Выход

JavaScript Boolean DataType правда
ложь

Логические значения также появляются в результате сравнений в программе. В следующем примере сравниваются две переменные и отображается результат в диалоговом окне предупреждения.

Пример
<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <title> JavaScript Compare Boolean DataType </title> 
</head> 
<body>
    <script>
    var a = 5, b = 10, c = 15;
 
    document.write(b > a) // Output: True
    document.write("<br>");
    document.write(b > c) // Output: False
    </script>
</body>
</html>

Выход

JavaScript Compare Boolean DataType правда
ложь

Непримитивные типы данных JavaScript

К непримитивным типам данных относятся:

Типы данных Описание
Объект Это экземпляр, через который мы можем получить доступ к членам.
Множество Коллекция однородных элементов.
RegExp Представляет регулярное выражение
Функция Блок кода.

Тип данных объекта JavaScript

Объект представляет собой сложный тип данных, который позволяет хранить collections of data . Объект содержит properties , определенный как пара "ключ-значение". Ключевое свойство (имя) всегда является identifier , но это значение может быть любого типа данных, как strings , numbers , booleans или сложные типы данных , как arrays , function и другие объекты.

Пример
<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <title> JavaScript Object Datatype </title> 
</head> 
<body>
 <script>
    var greet = "Hello JavaScript"
    
 // Print variable value in browser's console
   document.write(greet);
  </script>
</body>
</html>

Выход

JavaScript Object Datatype Привет, JavaScript

Тип данных массива JavaScript

Массив - это набор нескольких значений в одной переменной. Каждое значение (также называемое элементом) имеет числовую позицию, известную как его индекс, и может содержать данные любого типа. Индекс массива начинается с 0, поэтому первым элементом массива является arr [0], а не arr [1].

Пример
<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <title> JavaScript Array Datatype </title> 
</head> 
<body>
 <script>
  // Creating arrays
  var Laptops = ["Dell", "HP", "Microsoft Surface", "Xiaomi"];
  var Smartphone = ["OnePlus", "Samsug", "Google Pixel"];
    
  // Printing array values
  document.write(Laptops[0] + "<br>");   // Output: Dell
  document.write(Smartphone[2]);   // Output: New Google Pixel
    </script>
</body>
</html>

Выход

JavaScript Array Datatype Dell
Google Pixel

Специальные типы данных

Типы данных Описание
Неопределенный Представляет неопределенное значение.
Нулевой Представляет нулевое значение, т. Е. Полное отсутствие значения.

Неопределенный тип данных JavaScript

Если переменная была объявлена, но ей не было присвоено значение, имеет значение undefined.

Пример
<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <title> JavaScript Undefined Datatype </title> 
</head> 
<body>
    <script>
    // Creating variables
    var a;
    var b = "Hello JavaScript!"
    
    // Printing variable values
    document.write(a + "<br>");
    document.write(b);
    </script>
</body>
</html>

Выход

JavaScript Undefined Datatype undefined
Привет, JavaScript!

Нулевой тип данных JavaScript

Это еще один специальный тип данных, который может иметь только одно значение - null значение. Нулевое значение означает, что значение отсутствует. Это не эквивалент пустой строки ("") или 0 просто 'null' ничего.

Пример
<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <title> JavaScript Null Datatype </title> 
</head> 
<body>
 <script>
  var a = null;
  document.write(a + "<br>"); // Print: null
    
  var b = "Hello World!"
  document.write(b + "<br>"); // Print: Hello World!
    
  b = null;
  document.write(b) // Print: null
 </script>
</body>
</html>

Выход

JavaScript Null Datatype Example null
Привет, мир!
нулевой