К чему ошибка при цикличном изменении параметров css?

Question

[crazyman]

Эй, привет народ! Тут такая хрень приключилась. Вроде в адеквате, а не пойму, почему ошибка то? Ругается на первую квадратную скобку.

data = [['width','12%'],['height','25px']];
for(i=0;i<=data.length-1;i++){$('#popup').css({data[i][0] : data[i][1]});}

Comments

[Kovalsky]

Не на первую, а аж на седьмую.

[crazyman]

Никита Полевой: я про вторую строку. Забыл написать.

Answer 1

[Николай]

data[i][0] не может быть ключом для объекта, при объявлении через {}.
Для задания одного свойства можно просто написать
$(element).css(data[i][0], data[i][1]);
А лучше всего будет привести data к адекватному виду( т.е. хешу {css-key: css-value}) и вызвать метод css один раз. Привести можно например так:

data.reduce(
    (prev, current) => {
        prev[current[0] = current[1]; 
         return prev;
    }, 
    {}
);