Как вставить переменную в style.transform translate?

Question

[del993788]

Здравствуйте. У меня такая запись выдаёт ошибку:

var forarray = ["6","-16","13","-20","-23","9"],
elem.style.transform = 'translateX('+forarray[1]+'%)';

Uncaught TypeError: Cannot read property '1' of undefined

Подскажите, какая должна быть запись, когда у меня в середине идёт переменная?

p.s. и можно ли сразу прописать translate(x,y) или нужно отдельно translateX и translateY?

Comments

[jamtuson]

1. а точно после массива должна быть запятая, а не точка с запятой?
2. Используйте let/const вместо var
3. Используйте шаблонные строки

Answer 1

[origami1024]

Ошибка из-за запятой в конце первой строчки

Comments

[del993788]

не) там через запятую несколько массивов перечисляется. я просто нужную взял и знак не заменил

[origami1024]

После того, как запятую убрал ошибка другая появляется, не так ли?

[del993788]

origami1024, бле... ошибка в другом была. Количество массивов было меньше, чем должно было быть. Всё заработало.

[origami1024]

qqignatqq, да у тебя там ошибка на ошибке, ппц

[origami1024]

qqignatqq, Я рад за тебя, что ты в конце концов смог исправить все свои ошибки!

[historydev]

origami1024, ахахах)Настроение на утро)

Answer 2

[liltrill]

Вот запись для X и Y, Первая X, Вторая Y:

let forarray = ["6","-16","13","-20","-23","9"];
elem.style.transform = `translate(${forarray[1]}%,${forarray[1]}%)`;

var - не следует использовать;
Eсли переменная меняется то let:
let forarray = ["6","-16","13","-20","-23","9"];

Если переменная не меняеться то const:
const forarray = ["6","-16","13","-20","-23","9"];

Шаблонный строки это вот это:

`width: ${value}px`;

т.е такие кавычки и в них ${} - в которых можно писать js

Comments

[Пашенька]

var - не следует использовать;

С хера? Вот чего не стоит делать, так это проповедовать свою религию другим и использовать 2d-шный транслейт.

[liltrill]

like-a-boss, хм, вроде все верно написал, в 2019 году var использовать?)
И чем вам не угодил

2d-шный транслейт

?)

[Пашенька]

liltrill, А что, var в 2019 работает хуже, чем в 2018? По крайней мере он будет работать в любом обозревателе и на 1 символ короче const'а.
Открою вам тайну: 2d транслейт вызывает перерисовку.

[liltrill]

like-a-boss,
Ну во первых

А что, var в 2019 работает хуже, чем в 2018?

его и тогда не нужно было использовать. Есть такая штука как webpack и babel который переведет все в нужный стандарт.

и на 1 символ короче const'а

- это шутка?

Открою вам тайну: 2d транслейт вызывает перерисовку.

- пруфы где? transform вообще не должен вызывать перерисовку, с чего бы ему в таком синтаксисе вызывать?

[Пашенька]

liltrill, я тебя понял, ты ещё молод. Пруфы в devtools.

[liltrill]

like-a-boss, На этом и поставим точку))