Довольно часто у программистов возникает соблазн написать какую-нибудь обширную функцию, которая должна решать определенную задачу. Этот соблазн похвальный, но не тогда, когда он ведет к «изобретению колеса». Ведь существует много готовых, встроенных в JavaScript, функций решающих большинство распространенных задач.
В сегодняшней практической шпаргалке я приведу пример 20 таких функций (методов), грубо говоря «однострокового» функционала, способных облегчить жизнь программистам и сэкономить им много часов работы. Это самые популярные методы, которые справляются с наиболее распространенными практиками при кодировании на JavaScript.
20 полезных функций JavaScript, которые помещаются в одну строчку
Код будет представлен в следующем виде: сначала следует краткое описание задачи (условия), а далее следует пример практического решения одной функцией. Надеюсь, что данная шпаргалка пригодится вам.
- Как получить текущую дату и время:
new Date().toString()
пример:
console.log(new Date().toString()); // Thu Jun 26 2025 10:55:08 GMT+0300 (по восточноевропейскому летнему времени)
- Когда из даты требуется получить текущую отметку времени (
timestamp):
Date.now()
пример:
console.log(Date.now()); // 1750930555827
- Если стоит задача сгенерировать случайное число от 1 до 100:
Math.floor(Math.random() * 100) + 1
пример:
console.log(Math.floor(Math.random() * 100) + 1); // 27
- Если нужно найти максимальное значение в массиве:
Math.max(...array)
пример:
console.log(Math.max(25, 18, 33)); // 33
- Если нужно найти минимальное значение в массиве:
Math.min(...array)
пример:
console.log(Math.min(25, 18, 33)); // 18
- Когда нужно получить сумму всех чисел из массива:
array.reduce((a, b) => a + b, 0));
пример:
console.log([1, 2, 3, 4, 5].reduce((a, b) => a + b, 0)); // 15
- Когда нужно удалить дубликаты из массива:
[...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]
- Когда нужно проверить, является ли массив
пустой:
array.length === 0
пример:
console.log([1, 2, 3, 4, 5].length === 0); // false
- Если нужно посчитать все вхождения элемента в массиве:
array.filter(x => x === element).length
пример:
console.log([5, 3, 3, 9, 3].filter(x => x === 3).length); // 3
- Когда нужно проверить, является ли строка
валидным числом:
!isNaN(parseFloat(string))
пример:
console.log(!isNaN(parseFloat("текст"))); // false
- Когда нужно проверить, является ли строка
палиндромом(что одинаково читается слева направо и справа налево, — одинаково в обоих направлениях):
string === string.split("").reverse().join("")
пример:
const str = "А роза упала на лапу Азора";
const cleanStr = str.toLowerCase().replace(/[^a-z0-9]/g, '');
console.log(cleanStr === cleanStr.split('').reverse().join('')); // true
- Как проверить, является ли переменная
null(отсутствует значение, пустое или неизвестное):
variable === null
пример:
console.log(null === null); // true
- Как проверить, является ли переменная
undefined:
typeof variable === "undefined"
пример:
console.log(typeof undefined === "undefined"); // true
- Как проверить, является ли переменная
функцией:
typeof variable === "function"
пример:
console.log(typeof function () { } === "function"); // true
- Как проверить, является ли переменная
массивом:
Array.isArray(variable)
пример:
console.log(Array.isArray([33, 25, 18])); // true
- Как проверить, является ли переменная
объектом:
typeof variable === "object"
пример:
console.log(typeof { phone: 123456 } === "object"); // true
- Что сделать, чтобы превратить массив в строку:
array.join(",")
пример:
console.log(["Апельсин", "Банан", "Яблоко"].join(" и ")); // Апельсин и Банан и Яблоко
- Что сделать, чтобы превратить объект в массив:
Object.values(object)
пример:
console.log(Object.values({ phone: 123456, email: 'info@mail', zip: 987654 })); // Array (3) [123456, 'info@mail', 987654]
- Как создать новый массив из заданного диапазона чисел, например, когда нужно сгенерировать последовательность чисел:
Array.from({ length: n }, (_, i) => i)
пример:
console.log(Array.from({ length: 7 }, (_, i) => i)); // Array (7) [0, 1, 2, 3, 4, 5, 6]
- Когда нужно удалить определенный элемент из массива и вернуть новый массив:
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 объектами
Спасибо за внимание!
