JavaScript – это универсальный и широко используемый язык программирования, на котором основаны интерактивные элементы веб-сайтов и веб-приложений. Хотя многие разработчики знакомы с основными функциями JavaScript, есть некоторые менее известные функции, которые могут значительно повысить эффективность кодирования и улучшить общее качество вашего кода. Давайте обсудим их:
- Необязательный оператор цепочки (?.)
Необязательный оператор цепочки (?.) позволяет разработчикам безопасно получать доступ к вложенным свойствам объекта без необходимости чрезмерных проверок на нуль. Он обеспечивает краткий способ обработки сценариев, в которых промежуточные свойства могут быть нулевыми или неопределенными, предотвращая непредвиденные ошибки. Вы можете использовать их вместо написания условных операторов для проверки нулевых или неопределенных значений.
const user = { name: "John Doe", address: { city: "New York", zipCode: 12345 } }; const zipCode = user.address?.zipCode; // No error if address or ZipCode is null or undefined
2.Нулевой оператор объединения (??)
Нулевой оператор объединения (??) обеспечивает краткий способ назначения значения по умолчанию при работе с нулевыми или неопределенными значениями. Он отличается от логического оператора ИЛИ (||) тем, что рассматривает только нулевые значения (null или undefined) как ложные, игнорируя другие ложные значения, такие как пустые строки или 0.
const username = null; const defaultUsername = "Guest"; const displayName = username ?? defaultUsername; // Assigns "Guest" if username is null or undefined
3. Метод Object.fromEntries()
Этот метод позволяет преобразовать массив пар ключ-значение в объект. Это обратная операция Object.entries(), которая возвращает массив пар ключ-значение из объекта. Этот метод может быть особенно полезен при преобразовании данных или работе с API, которые возвращают данные в виде пар ключ-значение.
const entries = [["name", "John"], ["age", 30], ["city", "New York"]]; const obj = Object.fromEntries(entries); console.log(obj); // { name: "John", age: 30, city: "New York" }
4. Array.flatMap()
Этот метод объединяет функциональность Array.map() и Array.flat() в одну операцию. Он позволяет отображать массив и…