Как правильно собрать объект из html data атрибута?

Question

[Михаил Р.]

Приветствую!

Допустим, имеется ссылка с data атрибутом:

<a href="#" class="link" data-test="{'test1': '1', 'test2': '2', 'test3': '3', 'test4': '4'}">Ссылка</a>

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

Спасибо!

Answer 1

[0xD34F]

const obj = eval(`(${document.querySelector('.link').dataset.test})`);

Или, чтобы можно было JSON.parse использовать, пишите в атрибут корректный json, надо заменить одинарные кавычки на двойные, а само значение атрибута в одинарных писать:

data-test='{"test1": "1", "test2": "2", "test3": "903", "test4": "4"}'

Comments

[Михаил Р.]

пишите в атрибут корректный json
можно пример?

Остальное понял, спасибо!

[0xD34F]

дополнил ответ

[Михаил Р.]

0xD34F, понял, еще раз огромное спасибо!

[Виктор Л]

eval -. Это официальный костыль. Как в хорошей литературе пишут обычно "Если вы используете eval или goto - значит вы что-то делаете не так"