Как в JS взять из атрибута строку и по ней найти объект?

Question

[Uladzimir A]

Добрый день. Есть HTML тег и в нем data- атрибут. В атрибуте задано имя объекта. Сам объект хранится в переменной. Атрибут возвращает строку и по ней нужно найти этот объект и задать ему свойство.

<div class="column" data-column="obj1">

<div class="column" data-column="obj2">

let obj1 = {};
let obj2 = {};

let columnData = document.querySelector('.column').dataset.column;

и в зависимости какой объект (obj1 или obj2) добавлять в него данные.

columnData[someValue] = someData;

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

Comments

[Вадим]

А зачем тут let dataObj = {}?

Кажется мне Вы где-то опечатались в вопросе, из-за чего становится не понятна Ваша проблема.

[Uladzimir A]

добрый день. есть две колонки в HTML. У каждой свой дата атрибут с именем объекта. В зависимости от того в какой колонке будет клик, нужно брать из нее данные и записывать в соответсвующий объект.

<div class="column" data-column="obj1">

<div class="column" data-column="obj2">

let obj1 = {};
let obj2 = {};

let columnData = document.querySelector('.column').dataset.column;

и в зависимости какой объект (obj1 или obj2) добавлять в него данные.

columnData[someValue] = someData;

Answer 1

[Вадим]

Если я Вас правильно понял, то самый простой вариант для Вас это заменить let на var, либо намеренно объявлять свои объекты через window.obj1 = {};

И тогда в функции обработчике можно достать их через window[columnData]

Вот пример, нажимайте попеременно на разные строчки и смотрите что выводится в консоль.
Оно?


columnData[someValue] = someData; А вот это у Вас вообще странная строчка кода, так как columnData - строка, которая является значением data-атрибута у первого найденного в разметке элемента с классом .column. Обращение через квадратные скобки означает что Вы хотите прочитать конкретный символ из строки по его индексу. Перезаписать символ такой записью нельзя.

Comments

[Uladzimir A]

ох, как не хочется делать глобальные переменные. Да и свойство через точку не подойдет, т.к. оно из переменной берется.

[Uladzimir A]

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

[Вадим]

Uladzimir A,

как не хочется делать глобальные переменные

Ну тут тогда нужно создать общий контекст для функции обработчика клика и объектов с данными, где можно будет обратиться к объектам через контекст, типа this[columnData]

[Uladzimir A]

Вадим, Да, спасибо, я уже тоже решил пойти этим путем.