JavaScript Ready | Frontend

JS Challenger — сайт с короткими задачами по JavaScript — от простых до реально коварных. Отличный способ прокачаться без регистрации и лишнего UI. 📌 Оставляю ссылочку: jschallenger.com 📣 JS Ready | #сайт

Деструктуризация с rest как альтернатива slice! Когда нужно взять первый элемент и всё остальное, обычно пишут через индексы и slice:

    
        const parts = data.split(',');
const first = parts[0];
const rest = parts.slice(1);{}
    

Получается лишний код и промежуточные переменные. Деструктуризация решает это одной строкой:

    
        const [first, ...rest] = data.split(',');{}
    

Первый элемент забирается отдельно, остальные автоматически собираются в массив:

    
        first // 'a'
rest  // ['b', 'c']{}
    

Работает с любыми массивами и результатами функций:

    
        const [head, ...tail] = arr;{}
    

🔥 Часто используется в парсинге, работе со строками, аргументами функций и любом коде, где нужно разделить первое значение и остаток без лишней логики. 📣 JS Ready | #совет

Совет на всю жизнь — начните изучать вайбкодинг. Нейронки уже собирают проекты от идеи до релиза, пишут код, находят и исправляют баги лучше команды айтишников. Это сэкономит вам десятки часов работы. А чтобы научиться вайбкодить и не совершать ошибки - читайте канал AI-архитектор, где есть: ➖Инструкции по Antigravity и n8n. ➖Связки, которые приносят от 100 000 ₽ за проект ➖Реальный опыт программиста и вайбкодера, который настраивает автоматизацию ИИ для гос. компаний. Подписывайтесь и смотрите в закрепе, как за 2 дня собрать ИИ-автоматизацию без единой строчки кода: https://t.me/+eBc7ivvcY34xZTli

👩‍💻 Нужно быстро привести CSV-файл к читаемому виду? CSV to Table — позволяет отобразить содержимое CSV как таблицу прямо в VS Code. Данные выравниваются по столбцам, становятся наглядными и удобными для анализа без открытия сторонних инструментов. Полезно при работе с выгрузками, логами и любыми табличными данными. 📣 JS Ready | #vscode

Array.prototype.some — простой метод, который часто недоиспользуют! В JavaScript-коде до сих пор часто встречается ручной перебор с флагами, break и лишними переменными. Хотя для многих таких проверок уже есть готовый метод — some. Он отвечает на простой вопрос: есть ли в массиве хотя бы один элемент, который подходит под условие.

    
        const arr = [1, 2, 3, 4];

const hasEven = arr.some(n => n % 2 === 0);

console.log(hasEven); // true
{}
    

some проходит по массиву и возвращает true, как только предикат впервые вернул true. Если ни один элемент не подошёл — результат будет false. То же самое часто пишут через for:

    
        let hasEven = false;

for (const n of arr) {
  if (n % 2 === 0) {
    hasEven = true;
    break;
  }
}
{}
    

Работает, но в большинстве случаев это лишнее состояние. Через some намерение видно сразу. Пример с объектами:

    
        const users = [
  { id: 1, active: false },
  { id: 2, active: true }
];

const hasActive = users.some(user => user.active);

console.log(hasActive); // true
{}
    

Так удобно проверять наличие нужного состояния, флага или признака в коллекции. Проверка ролей:

    
        const roles = ["user", "editor"];

const canEdit = roles.some(role => role === "admin" || role === "editor");

console.log(canEdit); // true
{}
    

А если список разрешённых ролей уже вынесен отдельно, можно сделать так:

    
        const allowedRoles = ["admin", "editor"];
const roles = ["user", "editor"];

const canEdit = roles.some(role => allowedRoles.includes(role));
{}
    

Валидация данных:

    
        const inputs = ["ok", "", "valid"];

const hasEmpty = inputs.some(value => value.trim() === "");

console.log(hasEmpty); // true
{}
    

Как только найдено некорректное значение, дальнейший обход прекращается. Отличие от every:

    
        const arr = [2, 4, 6];

arr.some(n => n > 5);  // true
arr.every(n => n > 5); // false
{}
    

some — хотя бы один элемент; every — все элементы. На пустом массиве:

    
        [].some(() => true); // false
{}
    

Это ожидаемое поведение: в массиве нет ни одного элемента, который мог бы удовлетворить условию. Важный момент — ранний выход:

    
        arr.some(expensiveCheck);
{}
    

В отличие от map или filter, метод some не обязан проходить весь массив. Если условие уже выполнено, обход сразу прекращается. Это особенно полезно, если внутри предиката есть дорогая операция. Поэтому вместо такой цепочки:

    
        const result = data
  .filter(x => x.enabled)
  .some(x => x.value > 100);
{}
    

часто лучше написать так:

    
        const result = data.some(x => x.enabled && x.value > 100);
{}
    

Так массив не фильтруется заранее, не создаётся промежуточная коллекция, и проверка может завершиться раньше. Альтернатива через find:

    
        const exists = arr.find(x => x > 10) !== undefined;
{}
    

Так тоже пишут, но если нужен только boolean-ответ, some обычно точнее выражает намерение:

    
        const exists = arr.some(x => x > 10);
{}
    

🔥 some — базовый инструмент для проверок. Когда нужно понять, есть ли в массиве хотя бы один подходящий элемент, он часто чище и понятнее ручных циклов с флагами. 📣 JS Ready | #практика

ПАРУ СЛОВ О ChaGPT 5.5 (Spud) Последние дни активно тестирую новую модель. Если коротко:

— Плюсы: кодинг, миллион токенов контекста и агентский режим — Минусы: логические ошибки, нужно присматривать в сложных задачах

Больше всего зацепила именно работа агента. Решил проверить его на своей «боли» — навел порядок в подписках Telegram. В последнее время лента превратилась в бесконечный шум с постами об одном и том же. Дал задачу нейронке: просмотреть мои подписки, убрать лишнее и оставить только тех, кто пишет про реальный опыт, автоматизацию и внедрение ИИ в работу. Модель сама просканировала каналы и собрала отличную подборку. Результат получился реально адекватным, поэтому делюсь этой подборкой. Авторы, которые каждый день пишут полезные об IT и AI доступно и интересно. Подписывайтесь на лучших Tech-специалистов https://t.me/addlist/81ejyxxH4rM0ZDIy

📂 Напоминалка как сгруппировать массив объектов по ключу! Например, Object.groupBy() позволяет быстро сгруппировать элементы массива (или любого итерируемого объекта) по заданному ключу. На картинке — простой и наглядный пример: список задач группируется по полю project, и на выходе получается объект, где ключ — это проект, а значение — массив соответствующих задач. Сохрани, чтобы не забыть! 📣 JS Ready | #ресурс

📱 Определяем, кто был более разговорчивым в чате! В этой задаче мы посчитаем, кто написал больше слов - пользователь или бот. Такой приём помогает быстро оценить активность, вовлечённость и пригодится в аналитических задачах. В этом посте:

• Подсчитаем количество слов в каждом сообщении. • Разделим сообщения по ролям: user и bot. • Сравним итоговые показатели. • Определим, кто общался активнее.

Итоговый скрипт — простой и наглядный способ замерять активность в диалогах без использования сторонних библиотек. 📣 JS Ready | #задача

Совет на 2026 год — переходите в ML. Пока обычные разрабы конкурируют с ИИ-копилотами, ML-инженеры эти самые нейронки создают. В эпоху нейростей это самые востребованые люди в мире программирования. Зарплаты мидлов начинаются от 250 000 ₽, а у сеньоров в BigTech доходят до 700 000 ₽. А чтобы освоить его всего за 4 месяца без лишней суеты — изучите канал Артема Алехина. Его бэкграунд: Руководитель команды в Сбере, валютная удаленка. К 22 годам вышел на доход 1 000 000+ ₽ в месяц. На канале вы найдёте: — Всё про самые востребованные стеки(Python, ИИ-агенты, NLP) и почему математика — это не страшно, если учить только нужное. — Как оформить резюме, чтобы оно пролетало через любые LLM-фильтры и ATS-системы прямо к тимлидам. — Скрипты переговоров, которые помогли его ученикам прыгнуть с 0 до 360к всего за 8 месяцев. Во времена острой нехватки ML-разработчиков, это лучшее время, чтобы перекатиться. Переходи и изучай: https://t.me/+qG_ihzUEkHJlOWVi

📂 Напоминалка по сериализации! JSON.stringify — не просто утилита для преобразования объектов в строку, с помощью replacer можно точно контролировать структуру выходного JSON: исключать поля, трансформировать значения и адаптировать неподдерживаемые типы. На картинке — фильтрация лишних данных и приведение Set к массиву, так как нативно он не сериализуется. Сохрани, чтобы не потерять! 📣 JS Ready | #ресурс