Как делать проверку на существование данных более лаконично?

Question

[NickForDevelop]

this.loadData().then(response => {
          if (response && response.data && response.data.users && response.data.users.length) {
            this.usersLocal = response.data.users
          }
        })

Очень раздражает нагромождение чрез точку.
Есть что то проще?

Answer 1

[0xD34F]

optional chaining:

if (response?.data?.users?.length) {

Comments

[Сергей Соколов]

пока не поддерживается в мобильных FireFox и Opera

Answer 2

[Сергей Соколов]

есть библиотеки для упрощения этой задачи, например, dot-object
и есть try .. catch

Не вижу проблемы проверить 4 условия. Можно перенести по строкам:

this.loadData().then(response => {
  if (
    response
    && response.data
    && response.data.users
    && response.data.users.length
  ) {
    this.usersLocal = response.data.users
  }
})

Answer 3

[Антон Шаманов]

Object.prototype.hasOwnNestedProperty = function(propertyPath){
    if (!propertyPath) {
        return false;
    }
    let properties = propertyPath.split('.');
    let self = this;
    for (let i = 0; i < properties.length; i++) {
        var prop = properties[i];
        if (!self || !self.hasOwnProperty(prop)) {
            return false;
        } else {
            self = self[prop];
        }
    }
    return true;
};

let response = {data: {users: {}}}
response.hasOwnNestedProperty('data.users');