Как проверить, есть ли свойство у вложенного объекта?

Question

[Mestniydevil]

Как проверить есть ли свойство у объекта?

var id = e.path[1].attributes.uid.textContent;

Надо проверить, есть ли свойство. Если нету, то return false, а то в консоль ошибку кидает. Как от неё избавится? По тому как есть такие же объекты, но без данного свойство.

Answer 1

[0xD34F]

Сделаем функцию для извлечения вложенного значения - принимает корневой объект и ключи:

const getNested = (root, ...keys) => keys
  .flat(Infinity)
  .flatMap(n => typeof n === 'string' ? n.split('.') : n)
  .reduce((p, c) => p != null ? p[c] : void 0, root);

Ключи могут быть представлены различными способами - единое значение (типа путь), несколько значений (каждое передаётся отдельным аргументом), массивы (включая вложенные):

const id = getNested(e, 'path.1.attributes.uid.textContent');
// или
const id = getNested(e, 'path', 1, 'attributes', 'uid', 'textContent');
// или
const id = getNested(e, 'path.1', [ 'attributes', [ 'uid' ] ], 'textContent');

Или есть такая штука (UPD. Теперь и браузерами поддерживается):

const id = e?.path?.[1]?.attributes?.uid?.textContent;

Answer 2

[RomMS]

https://developer.mozilla.org/ru/docs/Web/JavaScri...

Answer 3

[monochromer]

Эта называется в программировании Null Safe.
Пример кода, как сделать:

var id = e && e.path && e.path.length > 0 &&  e.path[1] && ... false
// ну вы поняли

У lodash есть метода для этого - https://lodash.com/docs/4.17.11#get
Статьи на тему:
- https://dev.to/pichardoj/optional-null-safe-in-jav...
- https://dev.to/pichardoj/optional-null-safe-in-jav...

Comments

[Александр]

var id = e && e.path && e.path.length > 0 &&  e.path[1] && ... false

Все таки в конце true, иначе если все ОК, он вернет false.