CodeBase | Frontend
2.16K subscribers
476 photos
191 videos
8 files
749 links
Все самое интересное и полезное у нас 😎

Контакт: @Filgood777 (реклама, сотрудничество)
Download Telegram
👩‍💻 Метод 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
👍61
👩‍💻 Метод 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
Please open Telegram to view this post
VIEW IN TELEGRAM
👍51
👩‍💻 Метод slice() в JavaScript и как он используется

Метод slice() создаёт новый массив, копируя часть существующего без изменения оригинала.

Идеален для извлечения диапазонов, создания копий и работы с неизменяемыми структурами


➡️ Пример:

const numbers = [10, 20, 30, 40, 50];

const part = numbers.slice(1, 4);
console.log(part); // [20, 30, 40]
console.log(numbers); // [10, 20, 30, 40, 50]


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

slice(1, 4) возвращает элементы с индекса 1 до 3
• исходный массив остаётся неизменным
slice() без аргументов делает полную копию массива

slice() — простой способ писать безопасный и чистый код без побочных эффектов


CodeBase | Frontend | #JS
Please open Telegram to view this post
VIEW IN TELEGRAM
👍4
👩‍💻 Proxy в JavaScript

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

🔍 Как это работает? Proxy создаёт «обёртку» вокруг объекта, которая перехватывает любые обращения к нему через специальные «ловушки» (traps). Это позволяет реализовывать различные сценарии: от валидации данных до логирования.

➡️ Пример:

let target = {};
let proxy = new Proxy(target, {
set(obj, prop, value) {
if (typeof value === 'number') {
obj[prop] = value;
} else {
console.log(`Значение ${prop} должно быть числом!`);
}
}
});

proxy.age = 30; // работает
proxy.age = "не число"; // ошибка


Здесь мы создали прокси для объекта target, который разрешает устанавливать только числовые значения. В случае ошибки выводится сообщение.


⚙️ Примеры использования Proxy:

Валидация данных в объектах.
Логирование действий.
Защита от случайного изменения данных.

CodeBase | Frontend | #js
Please open Telegram to view this post
VIEW IN TELEGRAM
👍3