Как рекурсивно получить примитивные свойства вложенных объектов?

Question

[zwezew]

Как правильно сделать здесь return, чтобы вернуло найденные значения?

var fractal = {
  a1: {
    b1: {
      c: 1
    },
    b2: {
      c: 222
    },
    b3: {
      c: {
        d: 33,
        e: 2.5,
        f: {
          g: 9999,
          h: {
            i: {
              j: 1001,
              k: 'строка',
              l: [1,2,3],
              m: function() {}
            }
          }
        }
      }
    }
  }
}


function getProp(o) {
  for(var prop in o) {
    if(typeof(o[prop]) === 'object') {
      getProp(o[prop]);         
    } else {
      //return o[prop];
      console.log(o[prop]);
    }
  }
}


getProp(fractal);

//console.log(getProp(fractal));

Comments

[0xD34F]

Как правильно сделать здесь return, чтобы вернуло найденные значения?

Что значит "найденные"? Что показанный вами код должен делать? Приведите пример данных на входе и на выходе.

[zwezew]

0xD34F, код проходит по объекту, включая вложенности, получая конечные значения, например "значение 1", "значение 2" и т.д. Далее мне надо вывести их через return, но попытки его пристроить заканчивались undefined.

В вопросе есть ссылка на кодпен.

[Алексей]

Вероятно создать массив, объект или строку в которую будут складываться найденные значения и возвращаться. Что должно вернуться и в каком виде Вам явно лучше известно.

Answer 1

[0xD34F]

const getPrimitiveProps = (obj) =>
  Object.entries(obj).reduce((acc, [ k, v ]) => ({
    ...acc,
    ...(v instanceof Object ? getPrimitiveProps(v) : { [k]: v }),
  }), {});

или

const getPrimitiveProps = (obj) =>
  Object.assign({}, ...Object.entries(obj).map(([ k, v ]) =>
    v instanceof Object ? getPrimitiveProps(v) : { [k]: v }
  ));

Comments

[zwezew]

Спасибо, можно в общих чертах объяснение работы?

Получаем массив [ключ, значение], создаем новый, ...acc - чтобы получить все позиции аккумулятора в reduce, если v - примитив - возвращается, если нет - рекурсия? Немного запутался.

[0xD34F]

zwezew,

"создаём новый" - точнее будет сказать, делаем одно значение из массива (это может быть что угодно - другой массив, объект, число,... - нет проблем возвращать массив, а не как сейчас объект, или сумму всех числовых свойств, или ещё что-то), почитайте про reduce

...acc - это чтобы вернуть все предыдущие полученные результаты, почитайте про spread

ну и условие рекурсии прекращения рекурсии - да, значение должно быть примитивным

[zwezew]

0xD34F, возможно ли сделать ограничение по глубине вложенности объекта? Т.е. чтобы прохождение останавливалось, например, на третьем уровне вложенности.

[0xD34F]

zwezew, возможно:

const getPrimitiveProps = (obj, depth = Infinity) =>
  depth
    ? Object.entries(obj).reduce((acc, [ k, v ]) => ({
      ...acc,
      ...(v instanceof Object ? getPrimitiveProps(v, depth - 1) : { [k]: v }),
    }), {})
    : {};

[zwezew]

0xD34F, спасибо. Посмотрел ваш профиль, вы просто кладезь полезной информации по js, можете посоветовать как эффективнее развиваться в js, чтобы научиться писать подобные конструкции вместо тонн кода, делающих то же самое?

[0xD34F]

zwezew, тут я не знаю, что вам посоветовать, уж извините.

Answer 2

[VoidVolker]

function getProp(o) {
    var result = [];
    for(var prop in o) {
        if(typeof(o[prop]) === 'object') {
            result = result.concat(getProp(o[prop]));
        }
    }
    return result;
}