Как сместить элементы массива в зависимости от выбранного элемента?

Question

[jeruthadam]

Есть массив

const arr = [0, 1, 2, 3, 4]

В реале это элементы карусели. При нажатии на каждый айтем его индекс должен становится по центру, а остальные идти по кругу, т.е. при нажатии на 4 получаем массив

[2, 3, 4, 0, 1]

при нажатии на 3

[1, 2, 3, 4, 0]

и тд

Совсем плохо с математикой. Как это сделать?

АПД мне не надо МЕНЯТЬ текущий массив, вопрос в том как узнать какие индексы у соседний от центра айтемов.

АПД 2 каждый айтем это отдельный компонент. все что он знает это общие начальные значения в массиве (это сложные объекты), свой текущий индекс, и новый выбранный индекс центра. Как этому компоненты вычислить свое новое значение? Я упростил вопрос как мог, мне накидали совершенно левых ответов. Сложно как тут все.

Comments

[Ярослав Иванов]

Задача несложная а вы уже сдались. Посидите подумайте. На доске маркером нарисуйте. Мяч об стену покидайте.

[jeruthadam]

Ярослав Иванов, какие еще будут бесполезные советы

Несложная задача и уже 3 ответов, не имеющих никакого отношения к вопросу.

[Ярослав Иванов]

jeruthadam, ну если не хотите ничему учится то у меня для вас плохие новости.

[jeruthadam]

Ярослав Иванов, балабол

[Rerurk]

Вы как собираетесь объяснять что то компьютеру, если задачу правильно сформулировать не можете? И не мешало бы научиться общаться с людьми, используйте slice и сoncat для сдвига

[jeruthadam]

Rerurk, там написано в АПД, что мне не надо менять массив. Попробуй читать что-то кроме заголовков, гений компьютерный

Answer 1

[McBernar]

Нэнэ. Не надо так с массивами делать. Передвижение значений в массивах — очень затратная операция.

Лучше держите отдельную переменную, которая обозначает активный слайд. Соответственно, остальные слайды — это +1, +2..., -1, -2... от текущего.

Comments

[jeruthadam]

Мне не надо менять текущий массив, мне нужно понимать логику вычисления значений для отдельный айтемов. откуда мне знать кому +1 кому +2???

Answer 2

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

const centerIndex = Math.floor( arr.length / 2 );
let choise = 4; // например
while( arr[ centerIndex ] !== choise ) {
  arr.unshift( arr.pop() );
}

Comments

[jeruthadam]

Да не то это воогбще. Мне не надло менять этот массив, мне надо понимать как вычислить положения соседний айтемов

[Станислав Шендаков]

let length = arr.length
...
current = index;
prev = current ? current - 1 : length - 1;
next = current + 1 == length ? 0 : current + 1;

Остальные айтемы достроить можно подобным образом при необходимости.

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

jeruthadam, какая экспрессия в сообщении.

Положения индексов в массиве для этой задачи можно высчитывать через остаток деления целых чисел.
Получаем индекс выбранного элемента в массиве, находим смещение этого индекса от центрального, для определения смещённого индекса других элементов просто прибавляем к индексу вычисленное смещение от центра и получаем остаток от деления на длину массива. По новым индексам вычисляем геометрическое положение.