Как создать плоский объект из вложенного?

Question

[SirAlejandro]

Есть объекты типа:

const example = {
  a: 5,
  b: {
    c: 57,
    d: {
      e: 6
    }
  }
}

То есть, вложенность может быть не ограничена. Как можно "развернуть" объект, чтобы все свойства в нем стали корневыми и именовались через точку? Т.е., вот так: 'example.b.d.e' : 6.

Answer 1

[0xD34F]

Рекурсия есть:

const nestedToPlain = (obj, path = '') =>
  Object.entries(obj).reduce((acc, [ k, v ]) => {
    const newPath = `${path}${path ? '.' : ''}${k}`;
    return Object.assign(acc, v instanceof Object
      ? nestedToPlain(v, newPath)
      : { [newPath]: v }
    );
  }, {});


const plain = nestedToPlain(example, 'example');

или

const nestedToPlain = (obj, keys = []) =>
  Object.entries(obj).reduce((acc, [ k, v ]) => (
    keys.push(k),
    Object.assign(acc, v instanceof Object
      ? nestedToPlain(v, keys)
      : { [keys.join('.')]: v }
    ),
    keys.pop(),
    acc
  ), {});


const plain = nestedToPlain(example, [ 'example' ]);

Рекурсии нет:

const nestedToPlain = function(obj, keys = []) {
  const result = {};
  const [ push, pop ] = this;

  for (const stack = [ obj ]; stack.length;) {
    const n = stack.pop();
    if (n instanceof Object) {
      Object.entries(n).reverse().forEach(([ k, v ]) => stack.push(pop, v, k, push));
    } else if (n === push) {
      keys.push(stack.pop());
    } else if (n === pop) {
      keys.pop();
    } else {
      result[keys.join('.')] = n;
    }
  }

  return result;
}.bind([ Symbol(), Symbol() ]);


const plain = nestedToPlain(example, [ 'example' ]);

Comments

[SirAlejandro]

Спасибо! Работает!

Answer 2

[Rsa97]

Рекурсивно обойти объект в глубину через for ... in.