Массивы

Массив — упорядоченный список. push, pop, map, filter, find и другие методы.

Язык примеров:

Шаг 1 из 2Практика

Создание и индексы

Массив — это список

javascript

const fruits = ["яблоко", "банан", "груша"];
//               индекс:  0         1       2

fruits[0]         // "яблоко"   — первый элемент
fruits[2]         // "груша"    — третий элемент
fruits.length     // 3          — количество элементов
fruits[fruits.length - 1]  // "груша" — последний

Добавление и удаление

javascript

const arr = [1, 2, 3];

arr.push(4)       // добавить в конец → [1, 2, 3, 4]
arr.pop()         // удалить из конца → [1, 2, 3]
arr.unshift(0)    // добавить в начало → [0, 1, 2, 3]
arr.shift()       // удалить из начала → [1, 2, 3]

// splice — вставить/удалить в любом месте:
arr.splice(1, 1)           // удалить 1 элемент с позиции 1 → [1, 3]
arr.splice(1, 0, 99, 100)  // вставить без удаления → [1, 99, 100, 3]

Поиск

javascript

const nums = [10, 20, 30, 20, 40];

nums.indexOf(20)     // 1    — первое вхождение
nums.lastIndexOf(20) // 3    — последнее
nums.includes(30)    // true — есть ли
nums.find(n => n > 25)      // 30    — первый подходящий
nums.findIndex(n => n > 25) // 2     — индекс первого

JavaScript

// Работа с массивом пользователей
const users = [
  { id: 1, name: "Иван",      age: 25 },
  { id: 2, name: "Екатерина", age: 30 },
  { id: 3, name: "Пётр",      age: 17 },
];

// Найти по условию
const found = users.find(u => u.id === 2);
console.log(found.name);     // "Екатерина"

// Проверить наличие
const hasMinor = users.some(u => u.age < 18);
console.log(hasMinor);       // true

// Все ли совершеннолетние?
const allAdults = users.every(u => u.age >= 18);
console.log(allAdults);      // false

Что вернёт `[10, 20, 30].indexOf(99)`?

Что дальше

Максимум в массиве

Напиши функцию `findMax(arr)`, которая находит и возвращает максимальное число в массиве. **Пример:** ``` findMax([1, 3, 2, 5, 4]) // → 5 findMax([-1, -5, -2]) // → -1 ```

Фильтр чётных чисел

Напиши функцию `filterEvens(arr)`, которая возвращает новый массив только с чётными числами. **Пример:** ``` filterEvens([1, 2, 3, 4, 5, 6]) // → [2, 4, 6] filterEvens([1, 3, 5]) // → [] ```

Объекты DOM: страница как объект

StudyCode

Массив — это список

javascript

const fruits = ["яблоко", "банан", "груша"];
//               индекс:  0         1       2

fruits[0]         // "яблоко"   — первый элемент
fruits[2]         // "груша"    — третий элемент
fruits.length     // 3          — количество элементов
fruits[fruits.length - 1]  // "груша" — последний

Добавление и удаление

javascript

const arr = [1, 2, 3];

arr.push(4)       // добавить в конец → [1, 2, 3, 4]
arr.pop()         // удалить из конца → [1, 2, 3]
arr.unshift(0)    // добавить в начало → [0, 1, 2, 3]
arr.shift()       // удалить из начала → [1, 2, 3]

// splice — вставить/удалить в любом месте:
arr.splice(1, 1)           // удалить 1 элемент с позиции 1 → [1, 3]
arr.splice(1, 0, 99, 100)  // вставить без удаления → [1, 99, 100, 3]

Поиск

javascript

const nums = [10, 20, 30, 20, 40];

nums.indexOf(20)     // 1    — первое вхождение
nums.lastIndexOf(20) // 3    — последнее
nums.includes(30)    // true — есть ли
nums.find(n => n > 25)      // 30    — первый подходящий
nums.findIndex(n => n > 25) // 2     — индекс первого

// Работа с массивом пользователей const users = [ { id: 1, name: "Иван", age: 25 }, { id: 2, name: "Екатерина", age: 30 }, { id: 3, name: "Пётр", age: 17 }, ]; // Найти по условию const found = users.find(u => u.id === 2); console.log(found.name); // "Екатерина" // Проверить наличие const hasMinor = users.some(u => u.age < 18); console.log(hasMinor); // true // Все ли совершеннолетние? const allAdults = users.every(u => u.age >= 18); console.log(allAdults); // false