👁‍🗨 CODORUM

Промисы – это инструмент, позволяющий обрабатывать асинхронные операции и определять условия для решения или отклонения выполнения функции в зависимости от полученного результата операции 🚥 Основные функции промисов: - конструктор Promise для создания нового промиса. - метод resolve решающий промис, которому передается значение результата. - метод reject отклоняющий промис, которому передается значение ошибки. - метод then добавляющий обработчик для решения промиса. - метод catch добавляющий обработчик для отклонения промиса. Код с видео:

const DB = [5, 3, 2];
const request = 5;

const MyPromise = new Promise
    ((resolve, reject) => {
        
        const isPresent = DB.includes(request);
        
        if (isPresent) {
          resolve(`Такое число есть в базе данных`);
        } else {
          reject(`Такого числа нету в базе данных`);
        }
    });

MyPromise
    .then((result) => {
        console.log(result);
    })
    .catch((error) => {
        console.error(error);
    });

Что ждет JavaScript в 2024 году 🗓 Сперва попробуем очень кратко подытожить изменения в JavaScript за прошедший 2023 год. (очень поверхностно в силу ограничения длины поста*) 🧐 Рассмотрим некоторые новые дополнения: - метод array.findLast() позволяющий найти последний элемент массива, удовлетворяющий заданному предикату. - метод array.toReversed() возвращающий обратную копию массива. - метод array.with() возвращающий неизменяемую копию массива с заменой указанного элемента. Новые дополнения к Node JS: - расширенная поддержка модуля ECMAScript - модернизированный двигатель V8 - экспериментальная поддержка Node JS для собственных модулей (NAPI) 🦾 На текущий же момент JavaScript крепко держит свою позицию. Его разновидность TypeScript становится все более популярной ⚡️Горизонт языка расширяется благодаря тенденциям, которые обусловлены продолжающейся популярностью React и Vue 📈 В 2024 году, по прогнозам экспертов, JavaScript по-прежнему будет основной частью стека разработки программного обеспечения

🍾 С наступающим или наступившим 2024 годом! 🎄 Планы для канала на будущий год: 1. Рассмотрение всех инструментов для JavaScript разработчика. 2. Рассмотрение проекта или проектов, который/ые будем писать с 0 на JavaScript + React Native. 3. Когда будет побольше подписчиков планируется открывать комментарии к постам для общения, решения совместных вопросов касающихся программирования на JS и совместное рассмотрение интересующих вас функций/проектов. 🎊 Спасибо за то что читаете, желаю отлично встретить новый 2024 год! 🎉

Рекурсия – это когда функция вызывает сама себя для решения определенной задачи или вычисления значения до тех пор пока не будет достигнуто базовое условие или сделано достаточное количество вызовов 🔁 Рекурсия может быть мощным инструментом для решения задач, особенно имеющих структуру, похожую на самохранилище. 🔘 Код с видео:

function factorial(n) {
  if (n === 0 || n === 1) {
    return 1;
  } else {
    return n * factorial(n - 1);
  }
}

console.log(factorial(5));

Array.from() – метод, благодаря которому можно переводить разнообразные данные в массивы 🔄 Метод может быть полезным при генерировании цифр в промежутке между конкретными двумя цифрами, допустим. Если у нас есть две вводные и вы хотите заполнить промежуток между ними 👁‍🗨 Мы можем создавать функции, в которых этот метод будет довольно полезным инструментом 🔧 На скрине пример создания массива цифр длинной в 5 элементов, то есть цифр от 1 до 5:

const numArray = Array.from({ length: 5 }, (_, index) => index + 1);

console.log(numArray);
// консоль выдаст результат: [1, 2, 3, 4, 5]

forEach() – метод, позволяющий пошагово перебрать все элементы массива. Метод в параметре получает функцию, которая выполнится для каждого элемента массива 👟 Благодаря этому методу можно отображать индексы элементов массива, выполнять математические операции. 👁‍🗨 Код со скрина:

let FIO = ["имя", "фамилия", "отчество"];

// поочередный вывод элементов массива в консоль
FIO.forEach(FIO => {
  console.log(FIO);
});
// консоль выдаст результат:
// имя
// фамилия
// отчество

Array.filter() – метод позволяющий прописать фильтр для отбора, например, чисел с массива ⚱️ Мы можем указать свое условие или несколько условий после "num => ..." 👁‍🗨 Код со скрина:

let numbers = [1, 2, 10, 15, 3];

// отбор парных чисел
let pairedNumbers = numbers.filter(num => num % 2 === 0);
console.log("pairedNumbers =", pairedNumbers);

// отбор чисел больше 5
let greaterThan = numbers.filter(num => num > 5);
console.log("greaterThan =", greaterThan);

Math.random() – метод, генерирующий случайное нецелое число от 0 до 1 🎲 Math.floor() – метод, основная функция которого является округление числа до меньшего целого (например, число 2.78 округлит до 2) 🔘 Код с видео:

// генерирует случайное нецелое число от 0 до 1
let randomNum = Math.random();
console.log("randomNum =", randomNum);

// генерирует случайное целое число от 1 до 5 
let randomInt = Math.floor(Math.random() * 5) + 1;
console.log("randomInt =", randomInt);

replace() – метод позволяющий заменять слова или символы в строках 🎭 Это может быть также полезно для форматирования текста, удаления или замены определенных символов 👁‍🗨 Код со скрина:

let message = "Земля плоская";

// замена слова "плоская" на "круглая"
let newMessage = message.replace("плоская", "круглая");

console.log(newMessage);
// консоль выдаст "Земля круглая"

includes() – отличный способ избежать лишних циклов или условных операторов при проверке наличия элементов в массиве 🔍 Код с видео:

let fruits = ['banana', 'apple', 'avocado'];

let test1 = fruits.includes('avocado');
console.log('test1:', test1);

let test2 = fruits.includes('onion');
console.log('test2:', test2);

Легкий способ проведения математических манипуляций с каждым элементом массива одновременно 🧮 map() – метод позволяющий вносить изменения в массив, получая новый массив с изменёнными элементами первоначального массива 🗺 Пример умножения элементов массива numbers:

// умножение каждого элемента массива на 2
let numbers = [2, 10, 5];
let doubledNumbers = numbers.map(num => num * 2);

console.log(doubledNumbers);
// консоль выдаст результат [4, 20, 10]

Деструктуризация объектов – компактный способ получения свойств с объекта обозначая их переменными 📤 Код с видео:

let user = { name: 'John', age: 25, major: 'manager' };

// обычный способ получения значений
let name = user.name; 
let age = user.age;
let major = user.major;

// деструктуризация объекта
let { name, age, major } = user;

Set – структура данных, которая позволяет сохранять уникальные значения 💎 join('') – объединяет все элементы массива в строку 🙏 Код с видео:

let string = "coodeex";
console.log(string);

let uniqueChars = [...new Set(string)];
console.log(uniqueChars); // ["c", "o", "d", "e", "x"]

let string2 = uniqueChars.join('');
console.log(string2);

Spread – оператор позволяющий объединять массивы и объекты 🤝 Код с видео:

const arr1 = [1, 2];
const arr2 = [3, 4];
const new_arr = [...arr1, ...arr2];
console.log(new_arr);

const obj1 = { a: 1, b: 2 };
const obj2 = { c: 3, d: 4 };
const new_obj = { ...obj1, ...obj2 };
console.log(new_obj);

Set – это структура данных, которая позволяет сохранять только уникальные значения 💎 Код с видео:

let numbers = [1, 2, 3, 2, 3, 4, 1, 1];

let uniqueNumbers = [...new Set(numbers)];
console.log(uniqueNumbers);

С помощью функции splice() можно легко удалить элемент или элементы из массива 🔪 Код с видео:

let numbers = [1, 2, 3];

let removedElements = numbers.splice(1);

console.log(numbers);
console.log(removedElements);

➖ .splice(1) удалит все элементы начиная с индекса 1 ➖ .splice(1, 1) удалит 1 элемент с индексом 1 ➖ .splice(1, 2) удалит 2 элемента начиная с индекса 1

👁‍🗨 Добро пожаловать ✦ 🟣 Канал создан с целью совместного обучения программированию на языке JavaScript 🟨 ✔️ Канал подойдёт для тех кто: 1. Хочет научиться программировать на языке JavaScript условно с 0. 2. Для тех, кто желает расширить свой кругозор в знаниях интересных скриптов и функций на JavaScript. ♾ В канале я планирую: ➖ рассматривать построение кодов/скриптов (от самых простых до самых сложных); ➖ обмениваться вместе с участниками канала мнением о концепциях разных кодов/скриптов, библиотек и инструментов; ➖ публиковать посты про обновления касающихся программирования на JavaScript. 🎥 Ютуб канал: youtube.com/@codorum