How to check for the existence of data more concisely?

Question

JavaScript

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

Very annoying piling up through the dot.
Is there something easier?

Answer 1

optional chaining :
if (response?.data?.users?.length) {

Answer 2

there are libraries to simplify this task, for example, dot-object
and there is try .. catch
I don't see a problem with checking 4 conditions. You can move line by line:

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