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

Question

[flafy4]

У нас есть есть объект:

const obj1 = {
            foo: {
                bar: {
                    value: 'final'
                }
            }
        }

помогите описать функцию которая вернет мне его "хлебные крошки", такого вида: 'foo.bar.value'.

Answer 1

[Алексей Ярков]

const obj1 = {
  foo: {
      bar: {
          value: 'final'
      }
  }
};

function getDeepKeys(obj) {
  let keys = [];

  for(const key in obj) {
    keys.push(key);
  
    if(typeof obj[key] === "object") {
      const subkeys = getDeepKeys(obj[key]);
    
      keys = keys.concat(subkeys.map(subkey => `${key}.${subkey}`));
    }
  }

  return keys;
}

console.log(getDeepKeys(obj1)); // ["foo", "foo.bar", "foo.bar.value"]

Что делать с результатом - сообразите уже сами

Comments

[flafy4]

Не в первый раз спасаете! Благодарю, и добра вам!

[Алексей Ярков]

flafy4, спасибо )) На здоровье ))

Answer 2

[Егор Живагин]

const obj1 = {
            foo: {
                bar: {
                    value: 'final'
                }
            }
        }

const getBreadcrumbs = (data, accumulate = []) => {
   Object.keys(data).forEach(key => {
      if (typeof data[key] === 'object') {
        accumulate.push(key);
        return getBreadcrumbs(data[key], accumulate);
      } else {
      	accumulate.push(key);
        return accumulate;
      }
   });
   
  return accumulate;
};

const breadcrumbs = getBreadcrumbs(obj1).join('.');
console.info(breadcrumbs); // 'foo.bar.value'

Работает только если в исходном объекте и каждом узле всего одно свойство

Алгоритм довольно тяжёлый, я думаю, что можно попробовать конвертировать исходный объект в строку и как-то её парсить, но это просто догадка. В продакшен я бы такой код старался не пускать.

Answer 3

[Олег]

console.log(obj1['foo']['bar']['value'])

Comments

[flafy4]

Мне нужно делать это динамически. И такая конструкция просто выведет значение...