Функции JavaScript, которые вы должны знать

Ежедневная доза JavaScript.

Вступление

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

Функции для обработки массивов, объектов даты, s или строк в настоящее время можно найти в Интернете почти повсюду, но большинство из них используют библиотеки, такие как LoDash, которые предоставляют эти полезные функции в простой для понимания форме.

Но необходимость полагаться на эти библиотеки может вызвать некоторые проблемы, если ваш работодатель или структура не позволяют этого по той или иной причине. И вот для чего этот список. Чтобы помочь вам немного меньше полагаться на внешние библиотеки.

Консольные функции

Все знают console.log, и все слишком хорошо знают функции предупреждения и ошибки. Но вы, вероятно, еще не видели console.group или console.table.

Группировка

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

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

Стол

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

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

Цикл ForEach

Цикл forEach - это функция, которая выполняет итерацию по массиву. Вместо того, чтобы писать обычный синтаксис цикла for, вы вызываете функцию arr.forEach() и передаете функцию в качестве аргумента, который должен выполняться для каждого элемента. Очевидно, что функция может получать данные об элементах.

let arr = [1, 2, 3, 4]
arr.forEach((item) => {
    console.log(item)
})
// Will log every item

Я начинаю видеть, что эта функция используется все больше и больше, и, хотя она не совсем новая, она наверняка одна из тех, о которых многие люди, такие как я, склонны забывать.

Некоторые

Функция array.some() также принимает функцию в качестве аргумента, который должен возвращать либо истину, либо ложь, в зависимости от данных, которые она получает.

let arr = [6, 8, 4, 6]
let allGoodGrades = (item) => item > 5
arr.every(allGoodGrades) //-> false
arr.some(allGoodGrades) //-> true

Функция проверяет, проходит ли хотя бы один элемент в массиве определенный тест. Существует также функция every(), которая работает так же, но проверяет, все ли элементы в массиве проходят заданный тест.

Имена динамических свойств

При создании объектов в JavaScript вы можете захотеть, чтобы имена ключей были переменными. Иногда это должен быть пол, иначе марка или количество колес. Это можно сделать.

const dynamic = 'favColor';
let person = {
    name: 'John Doe',
    [dynamic]: 'Red'
}
console.log(person); // { name: "John Doe", favColor: "Red" }

Я не уверен, когда это может быть полезно, но очень интересно видеть, что эта опция существует.

Заключение

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

Большое спасибо за чтение и удачного дня.