---
title: Типы и преобразования JavaScript
seo:
description: >-
Тема «Типы и преобразования JavaScript» для собеседования React Developer.
Какие есть типы данных в JavaScript? В чем разница между null и undefined?
title: Типы и преобразования JavaScript — React Developer
---
[Все темы React Developer](/prep/react-developer)
Подтемы:
- [Типы данных](#q-14bee738d69b8121aa7de8b0a5f88398)
- [Сравнение типов данных](#q-14bee738d69b81849682e847b5195a72)
- [Ложные значения](#q-14bee738d69b8187b4becf6f9eb336c7)
- [Преобразование типов](#q-14bee738d69b81d5a845dba0cf376f19)
## Какие есть типы данных в JavaScript? [#q-14bee738d69b8121aa7de8b0a5f88398]
Типы данных в JavaScript:
{/* prettier-ignore */}
1. Примитивные типы:
- Number: Числовые значения, включая целые и дробные числа.
- String: Строки текста.
- Boolean: Логические значения (true и false).
- Undefined: Значение переменной, которой не присвоено значение.
- Null: Специальное значение, представляющее отсутствие какого-либо значения.
- Symbol: Уникальные и неизменяемые идентификаторы.
- BigInt: Числа произвольной точности, используемые для работы с очень большими целыми числами.
1. Объектный тип Object и примеры его разновидностей:
- Object: Коллекция свойств и методов.
- Array: Упорядоченные коллекции значений.
- Function: Объекты, которые можно вызывать как функции.
- Date: Объекты для работы с датами и временем.
- RegExp: Регулярные выражения для поиска и замены в строках.
- Map: Коллекция ключ-значение.
- Set: Коллекция уникальных значений.
:::note[Ссылки для изучения]
1. [Типы JavaScript, null и undefined](https://learn.javascript.ru/types)
:::
---
## В чем разница между null и undefined? [#q-14bee738d69b81849682e847b5195a72]
Разница между null и undefined в JavaScript:
{/* prettier-ignore */}
1. undefined:
- Значение: Переменная объявлена, но не инициализирована.
- Тип: undefined.
- Примеры использования:
```javascript
let a;
console.log(a); // undefined
```
1. null:
- Значение: Явное указание на отсутствие значения или "ничто".
- null является единственным значением примитивного типа Null. typeof null возвращает строку "object" из-за исторической особенности JavaScript.
- Примеры использования:
```javascript
let b = null;
console.log(b); // null
```
#### Основные различия:
- Назначение: undefined означает, что
переменная не инициализирована, а null указывает на намеренное
отсутствие значения.
- null является единственным значением примитивного типа Null. typeof null возвращает строку "object" из-за исторической особенности JavaScript.
:::note[Ссылки для изучения]
1. [Типы JavaScript, null и undefined](https://learn.javascript.ru/types)
:::
---
## В чем разница между операторами "==" и "==="? [#q-14bee738d69b81ce86a9fecdeec3febe]
Разница между "==" и "===" в JavaScript
{/* prettier-ignore */}
1. Оператор "==" (нестрогое равенство):
- Сравнивает значения после приведения типов.
- Пример:
```javascript
console.log(2 == '2'); // true (число и строка приводятся к одному типу)
console.log(null == undefined); // true
```
1. Оператор "===" (строгое равенство):
- Сравнивает значения без приведения типов.
- Пример:
```javascript
console.log(2 === '2'); // false (разные типы: число и строка)
console.log(null === undefined); // false
```
#### Основные различия:
- Приведение типов: "==" приводит операнды к одному типу
перед сравнением, а "===" не приводит и сравнивает типы и значения напрямую.
- Использование: "===" предпочтительнее использовать для
точных сравнений, чтобы избежать непредвиденных результатов из-за приведения
типов.
:::note[Ссылки для изучения]
1. [Строгое и нестрогое равенство JavaScript](https://learn.javascript.ru/comparison)
:::
---
## Почему результатом сравнения двух похожих объектов является false? [#q-14bee738d69b81f18097fbfac0d7b871]
В JavaScript объекты сравниваются по ссылке, а не по значению. Даже если два объекта имеют одинаковые свойства и значения, они будут считаться разными, если ссылаются на разные места в памяти.
#### Пример:
```javascript
let obj1 = { a: 1 };
let obj2 = { a: 1 };
console.log(obj1 === obj2); // false
console.log(obj1 == obj2); // false
```
#### Объяснение:
{/* prettier-ignore */}
- Сравнение по ссылке: obj1 и obj2 содержат одинаковые данные, но находятся в разных местах памяти. Сравнение этих объектов будет false, так как их ссылки разные.
- Сравнение примитивов: Для примитивных типов (числа, строки, логические значения и т. д.) сравнение выполняется по значению, а не по ссылке.
:::note[Ссылки для изучения]
1. [Почему разные объекты не равны: сравнение по ссылке](https://learn.javascript.ru/object-copy)
2. [Сравнение объектов по ссылке и useMemo. webDev, с 8:09](https://www.youtube.com/watch?v=OM-UNgMvvDk&t=489s)
:::
---
## Какие значения в JS являются ложными? [#q-14bee738d69b8187b4becf6f9eb336c7]
В JavaScript следующие значения считаются ложными (falsy):
1. false
1. 0
1. -0
1. 0n (BigInt ноль)
1. "" (пустая строка)
1. null
1. undefined
1. NaN
#### Пример:
```javascript
if (!false) console.log("Falsy"); // Falsy
if (!0) console.log("Falsy"); // Falsy
if (!-0) console.log("Falsy"); // Falsy
if (!0n) console.log("Falsy"); // Falsy
if (!"") console.log("Falsy"); // Falsy
if (!null) console.log("Falsy"); // Falsy
if (!undefined) console.log("Falsy"); // Falsy
if (!NaN) console.log("Falsy"); // Falsy
```
Эти значения считаются ложными в контексте логических операций и условий.
:::note[Ссылки для изучения]
1. [Ложноподобные значения в JavaScript](https://developer.mozilla.org/ru/docs/Glossary/Falsy)
:::
---
## Как проверить, является ли значение ложным? [#q-14bee738d69b810b8353f145bbecbc59]
Для проверки, является ли значение ложным (falsy), можно использовать логическое отрицание или приведение к логическому типу.
#### Способы проверки:
{/* prettier-ignore */}
1. Логическое отрицание:
- Примените одно отрицание: !value равно true для falsy-значения. Двойное отрицание !!value преобразует значение в Boolean и даёт false для falsy.
- Пример:
```javascript
let value = 0;
if (!value) {
console.log("The value is falsy");
}
```
1. Приведение к логическому типу:
- Использовать конструкцию Boolean() для явного приведения значения к логическому типу.
- Пример:
```javascript
let value = "";
if (Boolean(value) === false) {
console.log("The value is falsy");
}
```
#### Примеры:
```javascript
let value1 = null;
console.log(!value1); // true - значение ложное
let value2 = "hello";
console.log(Boolean(value2)); // true - значение истинное
let value3 = undefined;
if (!value3) {
console.log("The value is falsy"); // Вывод: The value is falsy
}
```
:::note[Ссылки для изучения]
1. [Проверка falsy: логическое отрицание и Boolean](https://learn.javascript.ru/logical-operators)
:::
---
## Является ли использование унарного плюса (оператор "+") самым быстрым способом преобразования строки в число? [#q-14bee738d69b81d5a845dba0cf376f19]
Нет универсальной гарантии, что унарный плюс быстрее других способов. Выбирайте преобразование по нужной семантике, а значимые различия производительности измеряйте в целевой среде.
#### Основные характеристики:
{/* prettier-ignore */}
1. Унарный плюс:
- Преобразует строку в число.
- Пример:
```javascript
let str = "123";
let num = +str;
console.log(num); // 123
```
1. Альтернативные методы:
- parseInt(): Преобразует строку в целое число.
```javascript
let num = parseInt("123", 10); // 123
```
- parseFloat(): Преобразует строку в число с плавающей запятой.
```javascript
let num = parseFloat("123.45"); // 123.45
```
- Number(): Преобразует строку в число.
```javascript
let num = Number("123"); // 123
```
#### Преимущества унарного плюса:
- Семантика: + и Number требуют числового представления всей строки. parseInt и parseFloat разбирают допустимый числовой префикс: например, Number("12px") даёт NaN, а parseInt("12px", 10) даёт 12.
- Краткость: Унарный плюс — это краткий и лаконичный способ
преобразования строки в число.
:::note[Ссылки для изучения]
1. [Унарный плюс: числовое преобразование и семантика](https://learn.javascript.ru/operators)
:::