Типы данных в Javascript

Доброго времени суток читатель. Сегодня мы поговорим про типы данных в js. В javascript всего 8 типов данных и они делятся на 2 группы, примитивы и объекты.

К примитивным типам относят: string, number, symbol, undefiend, null, BigInt, boolean.

Остальные данные относятся к объектам, например массивы или объект, созданный через литерал.

1// объект, созданный через литерал
2const bob = { age: 26 };
3
4// массив зарплат, тоже относится к типу объект
5const salaries = [1000, 2000, 3000];
6

Примитивные типы в Javascript

String

String представляет собой строку. Вы можете выполнять различные оперции со строкой, например: соединять, разделять на символы, из которых состоит строка, перевернуть строку. Все это возможно благодарят тому, что у строки есть методы, которые она берёт у объекта String.

Реальный пример, когда может понадобиться работа со строкой. Представим, что мы работаем над приложением, у этого приложения есть авторизация, а значит в свою очередь и данные пользователя, после входа в приложение. И вот перед нами стоит задача: Нужно отобразить инициалы пользователя где-то в приложении, допустим на аватарке.

1// Объявление пользователя
2const someUser = { firstName: "Станислав", lastName: "Сергиеня" }
3// Решение, создадим функцию, которая принимает пользователя в аргументе и возвращает его инициалы 
4const getInitials = (user) => {
5  //получение первого символа имени и получение первого символа фамилии и их соединение (конкатенация)
6  return user.firstName[0] + user.lastName[0];
7}

Number

Number представляет собой число. Вы можете выполнять различные математические операции. Так же существую методы, которые вы можете вызывать на числе, например метод toFixed() форматирует число, это доступно благодаря объекту Number.

Пример: Представим, что мы работаем над приложением, сайт по продаже недвижимость и для отображения цены, мы можем использовать число.

1// объект house представляет собой данные о доме (его цену 10000 и валюту $) 
2const house = {
3  price: 100000,
4  currency: "$"
5}

Symbol

Symbol — это уникальное и иммутабельное примитивное значение, которое может быть использовано как ключ для свойства объекта. Честно, я ни разу не использовал этот тип данных в своей практике, но просто знать будет полезно, т.к вы не знаете с чем сталкнётесь в будущем и ваши знания помогут вам быстрее сориентироваться и начать копать в нужном направлении.

Undefiend

Undefiend — это примитивное значение, которое говорит нам, что значение переменной не определено. На практите чаще всего встречается при работе с формами или ещё пример функция ничего не возвращает из тела (обработчик события на клик мыши). Например у нас есть форма, в которой есть вопрос (Вам 18+?) этот вопрос обязателен для ответа, если пользователь не ответил на него, то мы должны отобразить ошибку, тут то нам и поможет undefiend.

Null

Null — это примитивное значение, которое говорит нам, о том, что значения нет . На практите чаще всего используется для обнуления данных.

BigInt

BigInt — это примитивное значение, которое используется для представления целыех чисел больше 253 - 1, наибольшего числа, которое JavaScript может надёжно представить с Number примитивом. Я так же не использовал на практите ещё.

Boolean

Boolean — это примитивное значение, которое используется для работы с логическими операциями и имеет значения true или false.

1const age = 26;
2
3if(age >= 18) {
4  console.log('Вы совершеннолетний')
5} else {
6  console.log('Вы несовершеннолетний')
7}
8

В примере выше мы проверяем значение переменной age и в зависимости от условия вы полняем различный код. Если условие удовлетворяет ( 26 > 18 ), то мы отобразим в консоли 'Вы совершеннолетний', иначе 'Вы несовершеннолетний'. В нашем примере age равно 26, так что условие всегда будет верно.

Объекты в Javascript

Все остальные типы данных относятся к объектам. Основная цель объектов — создание пользовательских типов данных при участии примитивов.

1// Примеры пользовательских типов данных
2const car = {
3  wheels: 4,
4  brand: "bmw"
5}
6
7const person = {
8  name: "Stanislav",
9  lastName: "Sergienya"
10}
11
12const phone = {
13  model: "iphone",
14  color: "black"
15}
16

Надеюсь данный пост был полезен для вас. Обязательно поэксперементируйте самостоятельно для закрепления знаний, желаю вам хорошего кодинга и настроения.