Что такое типы данных в JavaScript

RedDeveloper
05.01.2023 17:08
Что такое типы данных в JavaScript

7 встроенных типов данных в JavaScript с примерами🚀

Data Types in JavaScript

В JavaScript типы данных являются важной темой. Для того чтобы оперировать переменными, важно понимать их типы. Компьютеры могут безопасно решать задачи только с определенными типами данных.

Типы - это значения, которые могут иметь переменные. JavaScript имеет 7 встроенных типов данных, которые можно разделить на следующие категории:

  1. Примитивные
  2. Непримитивные

Примитивный тип

Примитивный тип относится к одному значению; он может хранить только одно значение одновременно.

Существует 6 типов примитивных типов:

  1. Число
  2. Строка
  3. Булево
  4. Неопределенный
  5. Null
  6. Символ

Числа:

Числа - это любые числовые значения, включая целые, дробные, положительные и отрицательные числа.

Пример:

let score = 300; // Output: integer value

let marks = 70.5 // Output: decimal number

Строки:

Любые группы символов, заключенные в кавычки, называются строками.

Пример:

let name= “Ishrat”; // Output: string

let color="Yellow"; // Output: string

Булевы числа:

Булево значение может быть только истинным или ложным. Также допустимы цифры 0 или 1. Проверка условий или сравнение двух переменных - вот основные области применения логического типа.

Пример:

let a = false;

var isAlive = true;

let x = 6;
let y = 8;
x == y; // return false

Неопределенные:

Хотя они объявлены, неопределенные переменные в типах данных - это переменные без определения, что означает, что у них нет значения.

Пример:

let a;
console.info(a); // Output: undefined

let a = 13;
console.info(a); // Output: 13

Null:

Null сам по себе обозначает отсутствие значения.

Пример:

let a = null; // Output: null

Символ:

В JavaScript символы - это примитивный тип данных, который представляет собой уникальный нестроковый идентификатор.

Символы часто используются в качестве ключей в объектах, поскольку они гарантированно уникальны.

Вот как можно использовать символы в JavaScript:

// Declare a symbol called `sym`
const sym = Symbol();

// You can also give your symbol a description for debugging purposes
const symWithDescription = Symbol('A symbol with a description');

// Symbols can be used as keys in objects
const obj = {
  [sym]: 'This value is associated with the sym symbol'
};

// You can access the value associated with the symbol using the square bracket notation
console.info(obj[sym]); // Output: 'This value is associated with the sym symbol'

Непримитивный:

Непримитивный тип относится к нескольким значениям.

1. Объектный тип:

Объектный тип может содержать объект, массив и дату.

Объектный тип в JavaScript - это просто коллекция пар имя/ключ-значение в адресе.

Пример иллюстрации:

Пример иллюстрацииData Types in JavaScript — Object type

Создание объекта:

И определение переменной как объектного литерала, и заявление, что она равна newObject(), действуют по сути одинаково. Но вводить объектный литерал быстрее и проще.

Давайте создадим объектный литерал.

var obj = { x: 15, y: 26 };

Когда мы ссылаемся на obj, мы на самом деле ссылаемся на адрес памяти, который имеет значение{ x: 15, y: 26 }, а не на сами данные.

Смотрите пример ниже, чтобы понять, как мы можем изменить или модифицировать объект:

obj[x] = 17;
console.info(obj) // Output will be {x: 17, y: 26}

Оператор typeof

В JavaScript оператор typeof - это унарный оператор, который можно использовать для определения типа переменной.

Пример:

const num = 42;
console.info(typeof num); // Output: 'number'

const str = 'hello';
console.info(typeof str); // Output: 'string'

const bool = true;
console.info(typeof bool); // Output: 'boolean'

const sym = Symbol();
console.info(typeof sym); // Output: 'symbol'

const obj = {};
console.info(typeof obj); // Output: 'object'

const func = function() {};
console.info(typeof func); // Output: 'function'

const undef = undefined;
console.info(typeof undef); // Output: 'undefined'

const nul = null;
console.info(typeof nul); // Output: 'object' (this is a quirk of JavaScript)

Знайте, что оператор typeof имеет некоторые ограничения, но может быть полезен для определения типа значения. Например, когда оператор typeof используется как для объектов, так и для null, он возвращает объект; аналогично, когда он используется как для функций, так и для стрелочных функций, он возвращает функцию.

В некоторых случаях для определения типа значения полезнее использовать другие методы.

Завершение

Я очень ценю, что вы это прочитали! Пожалуйста, дайте мне знать, если вы нашли его полезным. В ближайшие недели вы можете ожидать новых статей о массивах, функциях и других важных темах. Я буду признателен, если вы подпишитесь на канал Ishrat Umar, чтобы не пропустить ни одного моего поста. До тех пор.

Счастливого обучения!!!

Стоит ли изучать PHP в 2023-2024 годах?
Стоит ли изучать PHP в 2023-2024 годах?

20.08.2023 18:21

Привет всем, сегодня я хочу высказать свои соображения по поводу вопроса, который я уже много раз получал в своем сообществе: "Стоит ли изучать PHP в 2023-2024 годах? Или это полная лажа?".

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией

20.08.2023 17:46

В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.

Приемы CSS-макетирования - floats и Flexbox
Приемы CSS-макетирования - floats и Flexbox

19.08.2023 18:39

Здравствуйте, друзья-студенты! Готовы совершенствовать свои навыки веб-дизайна? Сегодня в нашем путешествии мы рассмотрим приемы CSS-верстки - в частности, магию поплавков и гибкость flexbox.

Тестирование функциональных ngrx-эффектов в Angular 16 с помощью Jest

19.08.2023 17:22

В системе управления состояниями ngrx, совместимой с Angular 16, появились функциональные эффекты. Это здорово и делает код определенно легче для чтения благодаря своей простоте. Кроме того, мы всегда хотим проверить самые последние возможности в наших проектах!

Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️

18.08.2023 20:33

Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий их языку и культуре.

Пользовательский скаляр GraphQL
Пользовательский скаляр GraphQL

14.08.2023 14:49

Листовые узлы системы типов GraphQL называются скалярами. Достигнув скалярного типа, невозможно спуститься дальше по иерархии типов. Скалярный тип предназначен для представления неделимого значения.