как использовать optional chaining с массивами и функциями в javascript

Аватар пользователя Maksim Litvinov
Maksim Litvinov
14 февраля 2025

Optional chaining в JavaScript позволяет безопасно обращаться к свойствам объекта, даже если они могут быть undefined или null. Это особенно удобно при работе с массивами и объектами, где вложенные элементы могут быть не определены.

Работа с массивами

Предположим, у нас есть массив объектов, и мы хотим получить доступ к свойству вложенного объекта без опаски встретить ошибку типа "undefined is not a property".

let users = [
    { name: "Alice", age: 25, address: { city: "New York" } },
    { name: "Bob", age: 30 }
];

// Использование optional chaining для доступа к свойствам вложенного объекта
let city = users[0]?.address?.city;
console.log(city); // Выведет "New York"

let city2 = users[1]?.address?.city;
console.log(city2); // undefined

При использовании optional chaining, если какое-либо из свойств (в данном случае address или city) отсутствует в цепочке доступа, значение будет равно undefined, и в итоге не будет выброшено исключение.

Работа с функциями

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

let user = {
    name: "Alice",
    greet: function() {
        return "Hello, " + this.name;
    }
};

// Использование optional chaining для вызова функции
let message = obj.greet?.();
console.log(message); // => Hello, Alice

let obj2 = {
    name: "Bob"
};

let message2 = obj2.greet?.();
console.log(message2); // Выведет undefined, так как функция greet не определена в obj2

Optional chaining позволяет избежать ошибки при вызове метода, если он отсутствует у объекта. Таким образом, мы можем более безопасно обращаться к свойствам и методам объектов, что повышает надежность кода

1 0
Познакомьтесь с основами JavaScript бесплатно