0xD34F

function xxx(arr, num) {
  let index = -1;
  return () => num * arr[index = (index + 1) % arr.length];
}


const f = xxx([ 5, 6, 9 ], 2);
console.log([...Array(10)].map(f)); // [10, 12, 18, 10, 12, 18, 10, 12, 18, 10]

UPD. Вынесено из комментариев:

код до вложенной функции менять нельзя

То есть засовывать переменные в массив нечестно

Это не одно и то же - код создания массива можно разместить и после return'а.

Вот несколько вариантов, где переменные остаются на своих местах, как с массивом, так и без:

function xxx(num) {
  let a = 5;
  let b = 6;
  let c = 9;

  return () => num * ([ a, b, c ] = [ b, c, a ])[2];
  // или
  return () => num * (t => (a = b, b = c, c = t))(a);
  // или
  return function() {
    return num * this[0][++this[1] % this[0].length];
  }.bind([ [ a, b, c ], -1 ]);
  // или
  return (iter => () => num * iter.next().value)((function*() {
    for (;; yield a, yield b, yield c) ;
  })());
  // или
  return (i => () => num * (
    i = -~i % 3,
    i === 0 ? a :
    i === 1 ? b :
              c
  ))(-1);
}

data: () => ({
  info: null,
  columns: [
    { title:     'title', key:        'title' },
    { title: 'old price', key: 'gsx$oldprice' },
    { title: 'new price', key: 'gsx$newprice' },
  ],
}),
mounted() {
  axios
    .get('https://spreadsheets.google.com/feeds/list/1iuJBDWtadHG4RHxUHhGcgdpmY_dffjLgWyRsf01mHAY/1/public/values?alt=json')
    .then(r => this.info = r.data.feed.entry);
},

<table>
  <thead>
    <tr>
      <th v-for="col in columns">{{ col.title }}</th>
    </tr>
  </thead>
  <tbody>
    <tr v-for="item in info">
      <td v-for="col in columns">{{ item[col.key].$t }}</td>
    </tr>
  </tbody>
</table>

const itemSelector = 'селектор блока';
const buttonSelector = 'селектор кнопки';

$(document).on('click', buttonSelector, function() {
  $(this)
    .closest(itemSelector)
    .prev()
    .find(buttonSelector)
    .prop('disabled', false);
});

// или

document.addEventListener('click', ({ target: t }) => {
  const prev = t
    .closest(buttonSelector)
    ?.closest(itemSelector)
    .previousElementSibling
    ?.querySelector(buttonSelector);

  if (prev) {
    prev.disabled = false;
  }
});

Рекурсия есть:

const getFromTree = (tree, childrenKey, getter = n => n) =>
  Array.isArray(tree)
    ? tree.flatMap(n => [
        getter(n),
        ...getFromTree(n[childrenKey], childrenKey, getter),
      ])
    : [];

// или

function* flatTree(tree, childrenKey) {
  if (
    tree instanceof Object &&
    tree[Symbol.iterator] instanceof Function
  ) {
    for (const n of tree) {
      yield n;
      yield* getFromTree(n[childrenKey], childrenKey);
    }
  }
}

Рекурсии нет:

const getFromTree = function(tree, childrenKey, getter = n => n) {
  const result = [];

  for (const stack = this(tree); stack.length;) {
    const n = stack.pop();
    result.push(getter(n));
    stack.push(...this(n[childrenKey]));
  }

  return result;
}.bind(x => x instanceof Array ? [...x].reverse() : []);

// или

const flatTree = function*(tree, childrenKey) {
  const stack = [];

  for (let [ i, arr ] = this(tree); ++i < arr.length || stack.length;) {
    if (i === arr.length) {
      [ i, arr ] = stack.pop();
    } else {
      yield arr[i];
      stack.push([ i, arr ]);
      [ i, arr ] = this(arr[i][childrenKey]);
    }
  }
}.bind(x => [ -1, x?.constructor === Array ? x : [] ]);

Достаём id:

// т.к. id верхнего уровня получать не желаете, избавимся от него
const withoutTopLevel = data.flatMap(n => n.children);

// если использовать обычную функцию
const ids = getFromTree(withoutTopLevel, 'children', n => n.id);
// или, генератор
const ids = Array.from(flatTree(withoutTopLevel, 'children'), n => n.id);

const createItem = obj => ({ key: `${obj.name}-${obj.id}`, title: obj.name });

const result = Object.values(columnList.reduce((acc, n) => {
  (acc[n.table.id] ??= {
    ...createItem(n.table),
    children: [],
  }).children.push(createItem(n));

  return acc;
}, {}));

const sorted = (arr, key) => arr
  .map(n => [ key(n), n ])
  .sort(([a], [b]) => a < b ? -1 : +(a > b))
  .map(n => n[1]);

const sortedArr = sorted(
  arr,
  n => new Date(n.date.replace(/(\d+)\.(\d+)\.(\d+)/, '$3-$2-$1'))
);

// или

const sortedArr = sorted(
  arr,
  n => n.date.split('.').reverse().map(m => m.padStart(2, 0)).join('')
);

str.replace(/^\s+(?=(\S))/gm, (m, g1) => '`{}'.includes(g1) ? '' : '  ')

$count = array_count_values(array_map(fn($n) => explode('/', $n['DETAIL_PAGE_URL'])[2], $arr));

Рекурсия есть:

const getPrimitives = data =>
  data instanceof Object
    ? Object.values(data).flatMap(getPrimitives)
    : [ data ];

const result = getPrimitives(obj);

или

function* getPrimitives(data) {
  if (data instanceof Object) {
    for (const k in data) if (data.hasOwnProperty(k)) {
      yield* getPrimitives(data[k]);
    }
  } else {
    yield data;
  }
}

const result = [...getPrimitives(obj)];

Рекурсии нет:

function getNestedData(data, test) {
  const result = [];

  for (const stack = [ data ]; stack.length;) {
    const n = stack.pop();

    if (n instanceof Object) {
      stack.push(...Object.values(n).reverse());
    }

    if (test(n)) {
      result.push(n);
    }
  }

  return result;
}

const resutl = getNestedData(obj, x => x !== Object(x));

[^;]+;[^;]+

Добавить select'ам атрибут name, как у input'ов.

const data = Array
  .from(document.querySelectorAll('.input-container'))
  .reduce((acc, el, i) => (
    acc[`input${i + 1}`] = [
      'parameter',
      'result',
      'select',
      'range',
    ].map(name => el.querySelector(`[name="${name}"]`).value),
    acc
  ), {});

<div class="colorsSelector">
  <div class="colorItem" data-color="blue"></div>
  <div class="colorItem" data-color="white"></div>
  <div class="colorItem" data-color="red"></div>
  <div class="colorItem" data-color="black"></div>
  <div class="colorItem" data-color="white-pure"></div>
  <div class="colorItem" data-color="orange"></div>
  <div class="colorItem" data-color="graphite"></div>
</div>

[data-color="blue"]       { background-color: #325488; }
[data-color="white"]      { background-color: #cfcfcf; }
[data-color="red"]        { background-color: #c64040; }
[data-color="black"]      { background-color: #08090b; }
[data-color="white-pure"] { background-color: #f0f0f0; }
[data-color="orange"]     { background-color: #d87c5a; }
[data-color="graphite"]   { background-color: #7f7f7f; }

const container = document.querySelector('.colorsSelector');
const itemSelector = '.colorItem';
const activeClass = 'colorItem--active';
const img = document.querySelector('.imgHolder img');
const src = color => `//webcademy.ru/files/js2020/solaris/${color}.png`;


// делегированный обработчик клика назначается контейнеру с цветами
container.addEventListener('click', ({ target: { dataset: { color } } }) => {
  if (color) {
    img.src = src(color);
    document.querySelectorAll(itemSelector).forEach(n => {
      n.classList.toggle(activeClass, color === n.dataset.color);
    });
  }
});

// или, каждому цвету обработчик клика назначается индивидуально
const items = container.querySelectorAll(itemSelector);
items.forEach(n => n.addEventListener('click', onClick));

function onClick({ target: t }) {
  img.src = src(t.dataset.color);
  items.forEach(n => n.classList.toggle(activeClass, n === t));
}

Подключаю этот плагин
https://github.com/river-lee/vue-fullpage#options

Переходим по ссылке, видим, что этот плагин

based on vue@2.x

Затем смотрим показанный вами код:

import { createApp } from 'vue'

По первой же строке понимаем, что используется vue 3.

Здесь становится очевидным, что вам доступны четыре варианта действий:

1. Понизить используемую версию vue
   
2. Дождаться, когда автор плагина сделает версию под vue 3
   
3. Форкнуть репозиторий, допилить под vue 3 самостоятельно
   
4. Отказаться от использования данного плагина, найти какой-нибудь другой
   

const result = arr.reduce((acc, n) => acc * n.values, 1);

или

const result = eval(arr.map(n => n.values).join('*')) ?? 1;

или

let result = 1;
for (const { values: n } of arr) {
  result *= n;
}

или

let result = 1;
for (let i = 0; i < arr.length; i++) {
  result = result * arr[i].values;
}

или

const result = (function mul(i) {
  return i >= arr.length
    ? 1
    : arr[i].values * mul(-~i);
})(0);

В переданной строке не только параметры - соответственно, разобрана она была неправильно.

Используйте URL вместо URLSearchParams:

const url = new URL('https://qna.habr.com/?test=123&frukt=yabloko');
console.log(url.searchParams.get('test'));

Или вырезайте из строки лишнее:

const str = 'https://qna.habr.com/?test=123&frukt=yabloko';
const usp = new URLSearchParams(str.replace(/^[^?]*\?/, '')); // или str.split('?').pop()
console.log(usp.get('test'));

Открываем документацию, читаем:

Обратите внимание: когда изменяете (а не заменяете) объект или массив, старое и новое значения при вызове коллбэка будут совпадать, так как они ссылаются на один и тот же объект или массив. Vue не сохраняет копии объекта на момент, предшествовавший изменениям.

Хотите иметь доступ к старому значению - следите не за всем объектом, а только за нужным свойством:

watch: {
  'obj.propName'(newValue, oldValue) {
    ...
  },
},

Если же надо следить за многими свойствами сразу, и создавать отдельный наблюдатель под каждое не хотите... Ну, вон там выше, в цитате из документации, прозрачно намекается, что делать - вместо изменения свойства заменяйте объект целиком на новый. Т.е., было obj.propName = value, а будет obj = { ...obj, propName: value }. Ну а дальше можно уже сравнивать свойства в старом и новом объектах, чтобы найти, какое конкретно было изменено.

Информацию о валютах сложить в массив объектов вида { имя валюты, относительная стоимость }.
На основе этого массива создавать input'ы.
Когда пользователь что-то вводит, запоминать не только значение, но и имя валюты.
Вывод значений - последняя редактировавшаяся валюта как есть, для остальных значение умножается на отношение относительных стоимостей, собственной и последней редактировавшейся.

https://jsfiddle.net/3h8zfw2k/

[ 5, 8, 10 ].forEach((n, i, a) => $items.slice(a[i - 1], n).wrapAll('<div>'));

После кого и что надо добавить:

const elements = document.querySelectorAll('.wrapper-boxes');
const tag = 'button';
const text = 'click me';
const className = 'xxx';

Добавляем:

elements.forEach(n => {
  n.after(document.createElement(tag));
  n.nextSibling.textContent = text;
  n.nextSibling.classList.add(className);
});

или

for (const { parentNode, nextSibling } of elements) {
  const el = document.createElement(tag);
  el.innerText = text;
  el.className = className;
  parentNode.insertBefore(el, nextSibling);
}

или

for (let i = 0; i < elements.length; i++) {
  elements[i].insertAdjacentHTML(
    'afterend',
    `<${tag} class="${className}">${text}</${tag}>`
  );
}

или

(function insert(i, n = elements.item(i)) {
  if (n) {
    const el = document.createElement(tag);
    el.appendChild(new Text(text));
    el.classList.value = className;
    n.insertAdjacentElement('afterend', el);
    insert(-~i);
  }
})(0);

Но как получить доступ к интервалу из уже имеющегося useEffect?

очистка эффекта