JavaScript_Arrays_Lesson

1. Массивы в JavaScript

Введение в работу с массивами

2. Что такое массив?

• Структура для хранения упорядоченных
данных
• Индексация начинается с 0
• Может содержать данные разных типов

3. Как создать массив

• let arr = [];
• let nums = [10, 20, 30];
• let mix = [1, 'hello', true];

4. Где используются массивы?

• Хранение списков товаров
• Обработка данных с сервера
• Перебор элементов DOM
• React-компоненты

5. Почему массивы важны?

• Основной инструмент для работы с данными
• Ускоряют работу — меньше повторений
• Используются в каждом проекте
• База для изучения React, Node.js

6. Основные операции

• Добавить: push(), unshift()
• Удалить: pop(), shift()
• Доступ: arr[i]
• Длина: arr.length

7. Поиск элементов

• includes() — проверяет наличие
• indexOf() — возвращает индекс
• lastIndexOf() — последницй индекс
подстроки

8. Пример практики

• let prices = [100, 250, 430];
• prices.push(999);
• prices.shift();
• console.log(prices.includes(250));

9. Массивы в JavaScript

Свойства и методы массивов

10. Свойство length

• length — количество элементов в
массиве
• massive.length
• Часто используется в циклах

11. Метод push()

• Добавляет элемент в конец массива
• massive.push(10)

12. Метод pop()

• Удаляет последний элемент массива
• massive.pop()

13. Метод unshift()

• Добавляет элемент в начало массива
• arr.unshift(5)

14. Метод shift()

• Удаляет первый элемент массива
• arr.shift()

15. Метод includes()

• Проверяет наличие элемента
• arr.includes(20)
• Возвращает true / false

16. Метод indexOf()

• Возвращает индекс элемента
• let arr = {1, 2, 30}
• arr.indexOf(30)
• // Если нет — -1

17. Метод join()

• Объединяет элементы в строку
• let arr = {1, 2, 30}
• arr.join(', ‘)
• // “1, 2, 30”

18. Метод slice()

• Возвращает новый массив (часть)
• let arr = {1, 2, 30}
• arr.slice(0, 2)
• Не изменяет исходный

19. Метод forEach()

• Перебор элементов массива
• arr.forEach(el =>
console.log(el))

20. Метод map()

• Преобразует элементы
• let arr = {1, 2, 30}
• let arr2 = arr.map(x => x * 2)
• // 2, 4, 60

21. Метод filter()

• Фильтрация по условию
• let arr = {1, 2, 30}
• let arr2 = arr.filter(x => x>10)
• // 30