Judge1337

Будем использовать стек. В начале стек содержит единственное значение - то, которое передано в функцию. Цикл крутится до тех пор, пока стек не окажется пуст. На каждой итерации извлекаем значение из стека, если число - плюсуем к результату, если объект - добавляем значения его свойств в стек.

function sum(data) {
  let result = 0;

  for (const stack = [ data ]; stack.length;) {
    const n = stack.pop();
    stack.push(...(n instanceof Object ? Object.values(n) : []));
    result += typeof n === 'number' ? n : 0;
  }

  return result;
}

ты делаешь console.log(colors); а надо console.log(colors());

const str = "XX0X10010X000X010X0";
console.log(str.replace(/X0*1\d*(?=X)/g, m => `X${'1'.repeat(m.length - 1)}`));

const str = "XX0X10010X000X010X0";
const result = str
  .split('X')
  .map((val) => (+val === 0 ? val : '1'.repeat(val.length)))
  .join('X');
console.log(result); // XX0X11111X000X111X0

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