👩‍💻 Что такое метод find() в JavaScript и как он используется?

find() — это метод массивов, который возвращает первый элемент, удовлетворяющий условию.
Если ни один элемент не подходит — возвращает undefined

➡️ Пример:

const users = [
  { name: "Анна", age: 22 },
  { name: "Борис", age: 30 },
  { name: "Вера", age: 25 }
];

const user = users.find(u => u.age > 25);
console.log(user); // { name: "Борис", age: 30 }

🗣️ В этом примере:

• find() перебирает массив объектов
• Возвращает первого подходящего пользователя
• Идеален для поиска по условиям: ID, имя, статус и т.д.

find() часто используется в списках, где нужен один конкретный элемент, а не все подходящие

CodeBase | Frontend | #JS

​Чтo такoе prоmise и какие сoстoяния у него есть?

Это oбъект, прeдставляющий завершeние (или нeудачу) асинхрoнной операции и её результат. Он позволяет ассоциировать обработчики с асинхронным действием, тем самым избавляя от неoбходимости использовать обратные вызовы (callback-функции). Они упрощают работу с асинхронными операциями, такими как AJAX-запросы или чтение файлов, позволяя написать код, который проще понять и поддерживать.

Сoстояния:
- Pending (Ожидание): Начальное состояние; асинхронная операция не завершена.
- Fulfilled (Исполнено): Операция завершена успешно, и promise возвращает результат.
- Rejected (Отклонено): Операция завершена с ошибкой, и promise возвращает причину отказа.

Пример:

let promise = new Promise(function(resolve, reject) {
    // Эмуляция асинхронной операции, например, запроса к серверу
    setTimeout(() => {
        // Условие успешного выполнения операции
        if (/* условие успеха */) {
            resolve("данные получены");
        } else {
            reject("ошибка при получении данных");
        }
    }, 1000);
});

promise.then(
    function(result) { console.log(result); }, // обработчик успеха
    function(error) { console.log(error); } // обработчик ошибки
);

Prоmise поддерживает цепочки вызовов (then), что позволяет организовывать асинхронный код последовательно и читабельно. Кроме того, существуют вспомогательные методы, такие как Promise.all, Promise.race, Promise.resolve, и Promise.reject, которые облегчают работу с группами асинхронных операций.

🔗 Ссылка

CodeBase | Frontend | #JS

🖥 Hoisting (поднятие) — это механизм, при котором объявления переменных и функций перемещаются вверх своей области видимости перед выполнением кода. Это позволяет использовать переменные и функции до их фактического объявления в коде.

Пример с переменными: 

console.log(x); // undefined
var x = 5;

- Переменные, объявленные через var, поднимаются, но их значение инициализируется как undefined. 

Пример с функциями: 

foo(); // "Hello"
function foo() {
    console.log("Hello");
}

- Объявления функций поднимаются полностью, поэтому их можно вызывать до объявления. 

Hoisting не применяется к let и const, которые остаются в "временной мертвой зоне" до объявления.

CodeBase | Frontend | #JS

➡️Объектная модель документа (DOM) — это программный интерфейс для HTML и XML документов, который представляет структуру документа в виде дерева объектов. Каждый узел этого дерева соответствует элементу, атрибуту или тексту на странице.

const element = document.getElementById('example');
element.textContent = 'Hello, DOM!';

DOM позволяет изменять структуру, стили и содержимое документа динамически с помощью JavaScript. Это основа для интерактивных веб-приложений.

CodeBase | Frontend | #JS

➡️ Цикл for...of используется для итерации по элементам итерируемых объектов, таких как массивы, строки, Map, Set и другие. В отличие от for...in, который перебирает ключи, for...of работает непосредственно со значениями.

Синтаксис:

const arr = [1, 2, 3];
for (const item of arr) {
  console.log(item); // Выводит 1, 2, 3
}

Цикл for...of упрощает работу с коллекциями, исключая необходимость вручную управлять индексами. Он поддерживает break и continue для управления потоком выполнения. Подходит для работы с массивами и другими итерируемыми структурами, где важны значения элементов.

CodeBase | Frontend | #JS

👩‍💻 Метод flat() в JavaScript и как он используется

Метод flat() "разворачивает" вложенные массивы в один уровень.

По умолчанию — на один уровень, но можно задать глубину вручную.

➡️ Пример:

const nested = [1, [2, 3], [4, [5, 6]]];

console.log(nested.flat());       // [1, 2, 3, 4, [5, 6]]
console.log(nested.flat(2));      // [1, 2, 3, 4, 5, 6]

🗣️ В этом примере:

• Очистке вложенных структур
• Объединении данных с API
• Упрощении перебора и фильтрации

flat() работает только с массивами. Для удаления пустых значений можно сочетать с .filter(Boolean)

CodeBase | Frontend | #JS

👩‍💻 Метод flatMap() в JavaScript и как он используется

Метод flatMap() сочетает в себе работу map() и flat():
сначала применяет функцию к каждому элементу массива, а затем "разворачивает" результат на один уровень.

➡️ Пример:

const words = ["привет мир", "javascript это круто"];

const result = words.flatMap(str => str.split(" "));
console.log(result);
// ["привет", "мир", "javascript", "это", "круто"]

🗣️ В этом примере:

• Сначала split(" ") превращает строки в массивы слов
• Потом flatMap() делает общий плоский массив

flatMap() удобен, когда нужно преобразовать данные и сразу убрать вложенность

CodeBase | Frontend | #JS

👩‍💻 Метод every() в JavaScript и как он используется

Метод every() проверяет, удовлетворяют ли все элементы массива заданному условию.

Возвращает true, если условие выполняется для каждого элемента, иначе false.

➡️ Пример:

const numbers = [2, 4, 6, 8];

const allEven = numbers.every(num => num % 2 === 0);
console.log(allEven); // true

🗣️ В этом примере:

• every() проверяет все числа на чётность
• Возвращает true, так как все элементы подходят
• Полезен для валидации данных (например, все ли поля заполнены)

every() часто используют для проверки массивов перед отправкой данных на сервер

CodeBase | Frontend | #JS

👩‍💻 Метод some() в JavaScript и как он используется

Метод some() проверяет, удовлетворяет ли хотя бы один элемент массива заданному условию.

Возвращает true, если найден подходящий элемент, иначе false.

➡️ Пример:

const numbers = [1, 3, 5, 8];

const hasEven = numbers.some(num => num % 2 === 0);
console.log(hasEven); // true

🗣️ В этом примере:

• some() проверяет наличие чётных чисел
• Возвращает true, так как 8 подходит
• Полезен для быстрых проверок — например, есть ли ошибки в данных или хотя бы одно совпадение

some() делает код короче и понятнее, чем ручные циклы

CodeBase | Frontend | #JS

👩‍💻 Метод findIndex() в JavaScript и как он используется

Метод findIndex() возвращает индекс первого элемента, который удовлетворяет условию.

Если подходящего элемента нет — возвращает -1.

➡️ Пример:

const users = [
  { name: "Анна", age: 22 },
  { name: "Борис", age: 30 },
  { name: "Вера", age: 25 }
];

const index = users.findIndex(u => u.age > 25);
console.log(index); // 1

🗣️ В этом примере:

• findIndex() ищет первого пользователя старше 25
• Возвращает индекс 1, так как это Борис
• Удобен, когда нужно не сам элемент, а его позиция в массиве

Полезно для обновления, удаления или проверки существования элемента по условию

CodeBase | Frontend | #JS