@zeni1agent

Как превратить строку со стилями объект?

Нужно преобразовать строку
width:100px;  height:100px; background:red;  transform-origin: 100% 0%; transform:  translate(100px, 100px)  scale(1, 0.5) skew(30deg, 20deg) rotate(1deg);

в объект
var arr = {
'width': '100px',
'height': '100px',
'background': 'red',
'transform-origin' : ['100%' ,  '0%']
'transform': {
'translate': ['100px', '100px'],
'scale': [ '1',  '0.5'],
'skew': ['30deg', '20deg'],
'rotate': '1deg'
}
};
  • Вопрос задан
  • 172 просмотра
Решения вопроса 1
0xD34F
@0xD34F Куратор тега JavaScript
const parseValue = str => {
  const values = str.match(/[^\s,]+/g) || [ null ];
  return values.length > 1 ? values : values[0];
};

const parseStyleStr = str =>
  str.split(';').reduce((acc, n) => {
    const [ k, v ] = n.split(':').map(n => n.trim());
    if (k && v) {
      const f = [...v.matchAll(/([\w]+?)\((.+?)\)/g)];
      acc[k] = f.length
        ? Object.fromEntries(f.map(n => [ n[1], parseValue(n[2]) ]))
        : parseValue(v);
    }

    return acc;
  }, {});
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
08 апр. 2020, в 22:52
5000 руб./за проект
08 апр. 2020, в 21:19
10000 руб./за проект
08 апр. 2020, в 20:18
35000 руб./за проект