Как объединить 2 массива в 1 что бы соответственные элементы сложились в нужный результат на js?

Question

[Judge1337]

Есть массивА = ["Cиний" , "Жёлтый" и тд.]
Есть массивБ = [document.getElementById("sval1").style.backgroundColor , document.getElementById("sval2").style.backgroundColor и тд.]
Как их объеденить что бы результатотм был массив С = [document.getElementById("sval1").style.backgroundColor = "Cиний" , document.getElementById("sval2").style.backgroundColor = "Жёлтый" и тд.]?. Массивы имеют одинаковую длинну.

Comments

[Сергей Сергей]

lodash zip, но там не будет присвоения значения.

[Василий Банников]

С = [document.getElementById("sval1").style.backgroundColor = "Cиний" , document.getElementById("sval2").style.backgroundColor = "Жёлтый"]

Какой вы ожидаете результат от такой операции?

[Judge1337]

Василий Банников, Что эти элементы из массива изменять свой цвет на нужный

Answer 1

[Василий Банников]

const colors = ['red', 'blue'];
const elements = ['sval1', 'sval2'];
for(let i=0; i<2; i++)
  document.getElementById(elements[i]).style.backgroundColor = colors[i];

Comments

[Judge1337]

Дай бог здоровья

Answer 2

[Rsa97]

В таком виде никак не "сложить".

document.getElementById("sval1").style.backgroundColor

- это строка и записывается в массив как значение (примитив), а не как ссылка.

Comments

[Judge1337]

а если сделать массив из = [a,b]
где а = document.getElementById("sval1").style.backgroundColor
и потом уже эти массивы объединить? Подскажите пожалуйста решение этого.Суть в том,что в массиве с цветами значения меняются всегда.

[Rsa97]

Judge1337, Никакой разницы. Единственное, что могу посоветовать

arr1 = ['red', 'green', 'blue'];
arr2 = ['#id1', '#id2', '#id3'];
arr2.map(
  (el, idx) => { document.querySelector(el).style.background = arr1[idx]; }
);