👩‍💻 Метод 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

👩‍💻 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

👩‍💻 Тернарный оператор

Тернарный оператор работает с тремя операндами: одним условием и двумя выражениями. Возвращает первое выражение, если условие истинно и второе, если условие ложно.

Используется как компактная замена условного оператора if...else.

const num = 5
console.log(num === 5 ? 'Пять' : 'Не пять')
// Пять

➡️ Обьяснение:

(A) ? (B) : (C)

Где A — условие, B — первое выражение, C — второе выражение.

Если первый операнд A вычисляется в истинное выражение true, то оператор вернёт выражение B. Если в false — вернёт выражение C.

💡 Внутри одного тернарного оператора можно написать другой:

const num = 10
const result =  num > 10 ? 'Число больше 10' :
                num === 10 ? 'Число равно 10' : 'Число меньше 10'
console.log(result)
// 'Число равно 10'

В этом случае запись идентична использованию конструкций if...else if ... else. Сначала проверяется первое условие, если оно ложно, то проверяется второе и так далее.

🗣️ Отступы в примере проставлены для лучшей читаемости конструкции, они не влияют на выполнение кода.

CodeBase | Frontend | #js

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

Метод includes() проверяет, содержится ли элемент в массиве.

Возвращает true или false и не изменяет исходный массив

➡️ Пример:

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

Метод includes() проверяет, содержится ли элемент в массиве.
Возвращает true или false и не изменяет исходный массив

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

• includes() выполняет проверку на наличие значения
• Работает корректно с примитивами (string, number, boolean)
• Читабельнее и безопаснее, чем indexOf() !== -1

includes() — простой и выразительный способ писать понятные проверки без лишней логики

CodeBase | Frontend | #JS