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

  1. Необязательный оператор цепочки (?.)

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

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() в одну операцию. Он позволяет отображать массив и…