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
Please open Telegram to view this post
VIEW IN TELEGRAM
👍5
Метод
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
Please open Telegram to view this post
VIEW IN TELEGRAM
👍5
Метод
flatMap()
сочетает в себе работу map()
и flat()
:сначала применяет функцию к каждому элементу массива, а затем "разворачивает" результат на один уровень.
const words = ["привет мир", "javascript это круто"];
const result = words.flatMap(str => str.split(" "));
console.log(result);
// ["привет", "мир", "javascript", "это", "круто"]
• Сначала
split(" ")
превращает строки в массивы слов• Потом
flatMap()
делает общий плоский массивflatMap() удобен, когда нужно преобразовать данные и сразу убрать вложенность
CodeBase | Frontend | #JS
Please open Telegram to view this post
VIEW IN TELEGRAM
❤2👍1
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
Please open Telegram to view this post
VIEW IN TELEGRAM
❤5👍2
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
Please open Telegram to view this post
VIEW IN TELEGRAM
👍5❤1