Главная страница » JavaScript » 18. Типы данных

18. Типы данных

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

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

Number (Число)

Представляет как целые, так и вещественные числа.
Примеры:

				
					let integer = 42;
let float = 3.14;

String (Строка)

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

				
					let singleQuoteString = 'Hello';
let doubleQuoteString = "World";
let backtickString = `Hello, ${doubleQuoteString}`;

Boolean (Булев)

Представляет два значения: true и false.
Примеры:

				
					let isJavaScriptFun = true;
let isSkyGreen = false;

Null (Нулевой тип)

Представляет отсутствие какого-либо значения.
Примеры:

				
					let emptyValue = null;

Undefined (Неопределенный тип)

Переменная, которой не присвоено значение, имеет тип undefined.
Примеры:

				
					let notAssigned;
console.log(notAssigned); // Output: undefined

Symbol (Символ)

Уникальный и неизменяемый тип данных, часто используемый для создания уникальных идентификаторов.
Примеры:

				
					let symbol = Symbol('description');

Сложные типы данных

Object (Объект)

Коллекция свойств, где каждое свойство состоит из ключа и значения.
Примеры:

				
					let person = {
  name: 'John',
  age: 30
};

Array (Массив)

Особый тип объекта, представляющий собой упорядоченную коллекцию значений.
Примеры:

				
					let numbers = [1, 2, 3, 4, 5];
let mixedArray = [1, 'two', true, null];

Function (Функция)

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

				
					function greet(name) {
  return `Hello, ${name}!`;
}

Примеры использования различных типов данных

Number:

				
					let x = 10;
let y = 20.5;
let sum = x + y;
console.log(sum); // Output: 30.5

String:

				
					let greeting = "Hello";
let name = "Alice";
let message = greeting + ", " + name + "!";
console.log(message); // Output: Hello, Alice!

Boolean:

				
					let isAdult = true;
if (isAdult) {
  console.log("You are an adult.");
} else {
  console.log("You are not an adult.");
}
// Output: You are an adult.

Null и Undefined:

				
					let value = null;
console.log(value); // Output: null

let notDefined;
console.log(notDefined); // Output: undefined

Symbol:

				
					let symbol1 = Symbol('id');
let symbol2 = Symbol('id');
console.log(symbol1 === symbol2); // Output: false

Object:

				
					let car = {
  make: 'Toyota',
  model: 'Corolla',
  year: 2020
};
console.log(car.model); // Output: Corolla

Array:

				
					let fruits = ['Apple', 'Banana', 'Cherry'];
console.log(fruits[1]); // Output: Banana

Function:

				
					function add(a, b) {
  return a + b;
}
let result = add(5, 10);
console.log(result); // Output: 15

Распространенные ошибки

Несоответствие типов данных:

Операции между несовместимыми типами данных могут привести к ошибкам.

				
					let result = '5' + 10; // Вывод: '510' (конкатенация строк)

Использование null и undefined:

null и undefined часто путают, хотя они имеют разные значения и назначения.

				
					let value = null; // Отсутствие значения
let notAssigned; // Неопределенное значение

Изменение объектов и массивов:

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

				
					let arr1 = [1, 2, 3];
let arr2 = arr1;
arr2.push(4);
console.log(arr1); // Output: [1, 2, 3, 4]

Заключение

Понимание типов данных в JavaScript является фундаментальным для написания корректного и эффективного кода. Примитивные и сложные типы данных позволяют хранить и манипулировать различными видами информации, что делает ваш код более гибким и мощным.

Тестовое задание

Создайте переменную типа Number и выполните с ней арифметическую операцию.
Создайте переменную типа String и выполните с ней конкатенацию.
Создайте массив, содержащий различные типы данных, и выведите его элементы.
Создайте объект с несколькими свойствами и получите одно из них.
Напишите функцию, которая принимает два аргумента и возвращает их произведение.

Пример решения:

				
					// Задание 1
let num = 10;
let result = num * 2;
console.log(result); // Output: 20

// Задание 2
let str = "Hello";
let name = "Bob";
let greeting = str + ", " + name + "!";
console.log(greeting); // Output: Hello, Bob!

// Задание 3
let mixedArray = [1, "two", true, null];
console.log(mixedArray[0]); // Output: 1
console.log(mixedArray[1]); // Output: "two"
console.log(mixedArray[2]); // Output: true
console.log(mixedArray[3]); // Output: null

// Задание 4
let person = {
  firstName: 'Jane',
  lastName: 'Doe',
  age: 25
};
console.log(person.firstName); // Output: Jane

// Задание 5
function multiply(a, b) {
  return a * b;
}
let product = multiply(4, 5);
console.log(product); // Output: 20

Этот урок поможет вам лучше понять типы данных в JavaScript и научиться эффективно с ними работать.