Уроки 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 объектами

 

Спасибо за внимание!