Полезные фрагменты кода на JavaScript для повседневных задач

JavaScript используется практически везде, и как разработчик, я вижу его универсальность в создании веб-сайтов, мобильных и настольных приложений. Его мощность и удобство делают его любимым инструментом для многих задач.

Экосистема JavaScript обширна, предоставляя множество библиотек и фреймворков, которые облегчают работу разработчиков. Однако существуют задачи, которые можно решать без дополнительных библиотек, используя встроенные функции и методы языка. В этой статье мы рассмотрим несколько полезных фрагментов кода на JavaScript.

Содержание

1. Последний элемент массива
2. Случайное число из диапазона
3. Упрощение вложенных массивов
4. Проверка нескольких условий
5. Уникальные значения
6. Однократный запуск события
7. Сумма всех элементов массива
8. Сумма чисел массива объектов
9. Ключевое слово in
10. Преобразование числа в массив

Полезные методы и фрагменты кода

Последний элемент массива

Часто нужно получить последний элемент массива. Для этого используем длину массива:

let numbersArr = [4, 8, 9, 34, 100];
console.log(numbersArr[numbersArr.length - 1]); // 100

// Случайное число от 0 до 4
console.log(Math.floor(Math.random() * 5));

// Случайное число от 0 до 49
console.log(Math.floor(Math.random() * 50));

// Случайное число от 0 до 309
console.log(Math.floor(Math.random() * 310));

let arr = [5, [1, 2], [4, 8]];
console.log(arr.flat()); // [5, 1, 2, 4, 8]

let twoLevelArr = [4, ["John", 7, [5, 9]]];
console.log(twoLevelArr.flat(2)); // [4, "John", 7, 5, 9]

let name = "John";

// Лучший способ
if (["John", "Ben", "Chris"].includes(name)) {
console.log("included");
}

const languages = ['JavaScript', 'Python', 'Python', 'JavaScript', 'HTML', 'Python'];
const uniqueLanguages = [...new Set(languages)];
console.log(uniqueLanguages); // ["JavaScript", "Python", "HTML"]

document.body.addEventListener('click', () => {
console.log('Run only once');
}, { once: true });

let numbers = [6, 9, 90, 120, 55];
console.log(numbers.reduce((a, b) => a + b, 0)); // 280

const users = [
{ name: "John", age: 25 },
{ name: "Chris", age: 20 },
{ name: "James", age: 31 },
];

const totalAge = users.reduce((a, b) => ({ age: a.age + b.age })).age;
console.log(totalAge); // 76

const employee = {
name: "Chris",
age: 25,
};
console.log("name" in employee); // true
console.log("age" in employee); // true
console.log("experience" in employee); // false

const toArray = num => [...`${num}`].map(elem => parseInt(elem));
console.log(toArray(1234)); // [1, 2, 3, 4]
console.log(toArray(758999)); // [7, 5, 8, 9, 9, 9]