Уроки JavaScript — Короткі функції на заміну великому об’ємному коду

 

 

Досить часто у програмістів виникає спокуса написати якусь велику функцію, що повинна вирішувати певну задачу. Ця спокуса похвальна, але не тоді, коли вона веде до «винайдення колеса». Адже існує багато готових, вбудованих у JavaScript, функцій, що вирішують більшість розповсюджених завдань.

В сьогоднішній практичній шпаргалці я наведу приклад 20 таких функцій (методів), грубо кажучи «однорядкового» функціоналу, що здатні полегшити життя програмістам і зекономити їм багато годин роботи. Це найпопулярніші методи, які справляються з найбільш поширеними практиками при кодуванні на JavaScript.

 

20 корисних функцій JavaScript, що вміщаються в один рядок

Код буде представлено в наступному вигляді: спочатку йде короткий опис задачі (умови), а далі йде приклад практичного вирішення однією функцією. Сподіваюсь, що дана шпаргалка стане вам у пригоді.

 

1. Як отримати поточну дату та час:

new Date().toString()

приклад:

console.log(new Date().toString()); // Thu Jun 26 2025 10:55:08 GMT+0300 (за східноєвропейським літнім часом)

 

2. Коли з дати потрібно отримати поточну позначку часу (timestamp):

Date.now()

приклад:

console.log(Date.now()); // 1750930555827

 

3. Якщо стоїть завдання згенерувати випадкове число від 1 до 100:

Math.floor(Math.random() * 100) + 1

приклад:

console.log(Math.floor(Math.random() * 100) + 1); // 27

 

4. Якщо потрібно знайти максимальне значення в масиві:

Math.max(...array)

приклад:

console.log(Math.max(25, 18, 33)); // 33

 

5. Якщо потрібно знайти мінімальне значення в масиві:

Math.min(...array)

приклад:

console.log(Math.min(25, 18, 33)); // 18

 

6. Коли потрібно отримати суму всіх чисел з масиву:

array.reduce((a, b) => a + b, 0));

приклад:

console.log([1, 2, 3, 4, 5].reduce((a, b) => a + b, 0)); // 15

 

7. Коли потрібно видалити дублікати з масиву:

[...new Set(array)]

приклад:

console.log([...new Set([15, 10, 6, 9, 9, 8, 3, 15, 3, 7, 7])]); // [15, 10, 6, 9, 8, 3, 7]

 

8. Коли потрібно перевірити, чи є масив пустим:

array.length === 0

приклад:

console.log([1, 2, 3, 4, 5].length === 0); // false

 

9. Якщо потрібно порахувати всі входження елементу у масиві:

array.filter(x => x === element).length

приклад:

console.log([5, 3, 3, 9, 3].filter(x => x === 3).length); // 3

 

10. Коли потрібно перевірити, чи є рядок валідним числом:

!isNaN(parseFloat(string))

приклад:

console.log(!isNaN(parseFloat("текст"))); // false

 

11. Коли потрібно перевірити, чи є рядок паліндромом (що однаково читається зліва направо і справа наліво, — однаково в обох напрямках):

string === string.split("").reverse().join("")

приклад:

const str = "А роза упала на лапу Азора";
const cleanStr = str.toLowerCase().replace(/[^a-z0-9]/g, '');
console.log(cleanStr === cleanStr.split('').reverse().join('')); // true

 

12. Як перевірити, чи є змінна null (відсутнє значення, пусте чи невідоме):

variable === null

приклад:

console.log(null === null); // true

 

13. Як перевірити, чи є змінна undefined:

typeof variable === "undefined"

приклад:

console.log(typeof undefined === "undefined"); // true

 

14. Як перевірити, чи є змінна функцією:

typeof variable === "function"

приклад:

console.log(typeof function () { } === "function"); // true

 

15. Як перевірити, чи є змінна масивом:

Array.isArray(variable)

приклад:

console.log(Array.isArray([33, 25, 18])); // true

 

16. Як перевірити, чи являється змінна об'єктом:

typeof variable === "object"

приклад:

console.log(typeof { phone: 123456 } === "object"); // true

 

17. Що зробити, щоб перетворити масив на рядок:

array.join(",")

приклад:

console.log(["Апельсин", "Банан", "Яблуко"].join(" та ")); // Апельсин та Банан та Яблуко

 

18. Що зробити, щоб перетворити об’єкт на масив:

Object.values(object)

приклад:

console.log(Object.values({ phone: 123456, email: 'info@mail', zip: 987654 })); // Array (3) [123456, 'info@mail', 987654]

 

19. Як можна створити новий масив із заданого діапазону чисел, наприклад, коли потрібно згенерувати послідовність чисел:

Array.from({ length: n }, (_, i) => i)

приклад:

console.log(Array.from({ length: 7 }, (_, i) => i)); // Array (7) [0, 1, 2, 3, 4, 5, 6]

 

20. Коли потрібно видалити певний елемент з масиву і повернути новий масив:

array.splice(array.indexOf(item_to_delete),1)

приклад:

let array = [1, 2, 3, 4, 5];
array.splice(array.indexOf(3), 1);
console.log(array); // Array (4) [1, 2, 4, 5]

 

Додаткові матеріали по темі:

• Шпаргалка для розробників JavaScript по роботі з консоллю у браузері
• Масиви JavaScript: основи використання та основні функції
• Як почати працювати з JavaScript об’єктами

 

Дякую за увагу!