Александр

Я через ajax гружу JSON, а затем формирую массив данных нужного для библиотек формата. В таблицах просто указываю источник json. Но у меня данные динамические и могут загружаться отдельно от страниц. Если не меняются проще сгенерить тот же JSON и встроить в страницу.

Значение можно получить так

var from = $("#range_51").data("ionRangeSlider").result.from
var to = $("#range_51").data("ionRangeSlider").result.to

а вообще оно работает на базе стандартного инпута и достаточно лишь в форму его вставить
тоесть в коде HTML такое

<form action="/test.php" method="get"><input id="range_51" value="50;950"></form>

for (i in arr1){arr1[i].color = arr2[0].color}
так как у вас только 1 элемент в массиве цветов.

arr = new Array();
for(i in arr1){arr[i] = Object.assign({},arr1[i],arr2[i])}

Вообще кроме как руками - никак. Потому что нет массовой потребности в этом чтобы процесс нужно автоматизировать.

.stickty {
    position: fixed;
    top: 0px;
}

При скролле будет всегда в зоне видимости как и левое боковое меню на этом сайте

В голом JS токого нет, но можно нагуглить библиотеки или код для конкретных кодировок.

Я бы сделал через JSON - так и так нужен 2 мерный массив.
Главное не забуть проверку на стороне сервера - а то купит кто-нибудь билетик со "скидкой".