JavaScript установить ключ объекта по переменной?

Question

[Ivan1331]

Мне нужно, в дата атрибут записывать ключ объекта и потом вносить изменения в обьект. Когда это обычный ключ, я понимаю как это делать, я могу просто брать, obj[key], однако что делать если у меня есть вот такой объект

{
    "id": id,
    "name": "",
    "username": "",
    "email": "",
    "address": {
      "street": "",
      "suite": "",
      "city": "",
      "zipcode": "",
    },
    "phone": "",
    "website": "",
    "company": {
      "name": ""
    }
  };

и я хочу сделать записать в address в ключ street, как мне в этом случае делать?
UPD. я немного наверное неточно написал, вот код моего листенера

content.addEventListener('change', (e) => {
  let id = e.target.closest('.user').getAttribute('data-id');
  let key = e.target.getAttribute('data-input');
  let value = e.target.value;
  let changes = {
    "id": id,
    "name": "",
    "username": "",
    "email": "",
    "address": {
      "street": "",
      "suite": "",
      "city": "",
      "zipcode": "",
    },
    "phone": "",
    "website": "",
    "company": {
      "name": ""
    }
  };
  changes[key]=value; //вот тут, мне нужно как то написать что бы оно заносило и при условии что это id, и при условии что это street adreess

});

Answer 1

[Lynn «Кофеман»]

Взять lodash.set или аналог. Или написать свою функцию (это несложно)

https://lodash.com/docs/#set

Comments

[Ivan1331]

оу видимо я немного подвис, всего лишь стоило загуглить правильные слова и за 2 минуты сам написал под себя, спасибо!

Answer 2

[Ivan1331]

Вот нашел идеально решение

function setToValue(obj, prop, val) {
  let props = prop.split('.'),
    final = props.pop(),
    p;

  for (var i = 0; i < props.length; i++) {
    p = props[i];
    if (typeof obj[p] === 'undefined') {
      if (typeof val !== 'undefined') {
        if (i != props.length)
          obj[p] = {};
      } else
        return undefined;
    }
    obj = obj[p];
  }
  return typeof val !== "undefined" ? (obj[final] = val) : obj[final];
}

Answer 3

[antares4045]

obj["address"]["street"] вас чем-то не устраивает?

Comments

[Ivan1331]

ну, а как мне всё это привести к общему решению, у меня стоит листенер, который считывает изменения на инпуте, и мне нужно что бы он записывал их в обьект. В дата атрибуте инпута, у меня лежит ключ к примеру data-input="id". Мне нужно что бы у меня записывало и в id(который просто ключ), если изменения вносятся в улицу, и в address.street, и я вот пытаюсь найти как это можно было бы сделать

[Ivan1331]

для лучшего понимания, добавил код в вопрос