Как получить свойство goal передав параметр в функцию f?

Question

[yankoyski]

let x = {
        a: {
            goal: 1,
            b: 2,
        },
        c: 3
    };


    function f(elem) {
        console.log(x[elem]);
    }

Comments

[Mikhail Osher]

Что такое elem?

[Сергей Соколов]

в нынешнем виде, как приведен код в вопросе, наверное, не получится. Автор вопроса, наверное, хотел бы типа передать в функцию строку "a.goal" и чтобы внутри оно было правильно понятно.

[yankoyski]

Сергей Соколов, Да, верно. Можно как-то так сделать?

[Сергей Соколов]

yankoyski, можно, несколькими способами. Но поясните практический смысл? Это учебное задание?

[yankoyski]

Сергей Соколов, Да, учебное. Свойство должно передаваться в функцию в качестве параметра и выводится в консоль

[Сергей Соколов]

yankoyski, с учебным заданием вы сможете справиться самостоятельно, вам были предоставлены все необходимые для этого средства. Тут за вас «домашку» не сделают. Если есть какой-то конкретный момент, который не получается, покажите, что вы уже сделали и где застряли. Иначе вопрос будет удалён.

[yankoyski]

Сергей Соколов, Это не домашка, это в целях самообразования. Меня интересует есть ли стандартный способ/приём достать "свойство в свойстве". Если есть, то подскажите пожалуйста, или хотя бы, где можно почитать про это. Я понимаю, что есть разные способы решить задачку через самописные функции

[Сергей Соколов]

Пример вызова приведите. Правильно понимаю, что на вход будет строка с именем многоуровнего свойства? f('a.goal') // 1

[yankoyski]

Сергей Соколов, Для примера:

function f(elem) {
        console.log(window[elem])
    }

    f(document.getElementById("example"));

При таком вызове значение undefined, а хочется получить в консоль свойство window.document.getElementById("example")

[Сергей Соколов]

yankoyski, в таком варианте: f(document.getElementById("example"));
в функцию передаётся уже сам объект, если такой есть. Т.е. всё равно, что

const Obj = document.getElementById("example");
f(Obj);

Вы именно так это себе представляете?

[yankoyski]

Сергей Соколов, Да. И вот я хочу, чтобы при передаче этого объекта, внутри функции формировался корректный вызов window.document.getElementById("example")

[Сергей Соколов]

yankoyski, тут же присутствует вызов (исполнение) метода: getElementById() – и дальше идёт возвращаемое из него значение.

Как вы думаете, сколько раз должен вызваться метод getElementById()?

По-моему, вы хотите, чтобы дважды: раз перед передачей параметра в функцию и ещё раз внутри неё. Внутри функции оказывается результат выполнения, и хотите как-то из результата восстановить вызвавший его метод, и снова вызвать его?

Мне кажется, где-то вы запутались и усложняете. Может, вернёмся к примеру с простым объектом и свойством goal?

[yankoyski]

Сергей Соколов, Запутался, простите :) Да, давайте вернёмся к примеру с goal, на входе будет f('a.goal')

Answer 1

[Сергей Соколов]

Значит, на вход подается строка, где через точку перечислен путь к вложенному свойству, и объект:
f( "a.goal", x)

Можно сделать через рекурсию. На каждом «шаге» функция путь обрабатывает самый левый кусок цепочки. Для "a.goal" это будет "a". Нужно проверить, есть ли такое свойство у объекта. И если есть, то вернуть вызов этой же функции, но цепочка уже короче, остается только "goal" и объект не x, а x.a:

var x = {
  a: {
    goal: 1,
    b: 2,
  },
  c: 3
};


function f(value, chain) {
  if(chain.length === 0) return value;
  
  const propsArray = chain.split('.'); // "a.goal" => ["a", "goal"]
  const property = propsArray[0];
  
  if(!value.hasOwnProperty(property)) return; // несуществующее свойство

  return f(value[property], propsArray.slice(1).join('.')); // вызыв функцией самой себя
  // но цепочка свойств короче на 1 элемент – самый левый отрезали
}

console.log( "Result:", f(x, 'a.goal')); // 1

Comments

[Сергей Соколов]

p.s. похожий функционал реализует в популярной библиотеке lodash метод get(). Посмотрите его исходник – там сделано на цикле while(), более элегантно.

[yankoyski]

Сергей Соколов, Большое спасибо, помогли!

Answer 2

[Айнур Валиев]

используй Object.keys(obj) и Object.values(obj)